html 
{
	min-height	: 100%;
	height		: auto;	
}

body, p
{ 
	font-family: arial;  color: #4d4d4f;  font-weight:normal; text-decoration: none;	
}

body 
{ 		
	padding:0px;
	margin:0;
	color: #4d4d4f;
	font-size:0.8em;
}

body, h1 , p
{
	
	margin-bottom: 0.4em;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
}	

/*--Container om alles in het midden te gooien--*/
	div.div_body_container
	{
		width:100%;	
		margin-left: auto;
	  	margin-right: auto;
		border:0px;	
	}

/*-- de afbeelding ook apparte div, en flash straks ook--*/
	div.div_header_background
	{
		position:relative;
		width:1000px;
		height:300px;
		text-align:left;		
	}

/*-- Een div voor inhoud van de header--*/ 
	div.div_header
	{
		position:absolute;
		top:0px;
		width:1000px;
		height:300px;
	}

/*-- Logo maar toevoegen met witte achtergrond over alles heen.--*/
	div.div_logo
	{
		position:absolute;
		top:65px;
		width:200px;
		margin-right:10px;
		height:24px;
		text-align:left;
		padding-top:16px;
		padding-bottom:10px;
		background-color:#ffffff;
		background-image:url("../../images/moesbouw_logo.jpg");
		background-repeat:no-repeat;
		background-position:center; 
	}

/*-- De tekst voor naviagitie weergeven en style aanpassen blijft h1--*/
	h1.h1_logo
	{
		display:inline;
		font-weight:bold;
		color:#000;
		font-size:1.2em;
	}

/*-- holder voor de onderste rij--*/
	div.div_menu_holder
	{
		position:absolute;
		border: 0px solid red;
		bottom:0px;
		left:0px;
		height:23px;
		width:100%;		
	}

/*-- menu linker kant blauw--*/
	div.div_menu_bottom
		{
			position:relative;			
			bottom:0px;
			background-color:#0064b1;			
			height:23px;
			width:570px;
			color:#ffffff;
			text-align:left;			
			border: 0px solid #000;		
			
		}
		
		
		/*-- menu linker kant blauw--*/
	div.div_menu_bottom_groen
		{
			float:left;		
			bottom:0px;		
			height:23px;
			width:337px;
			color:#ffffff;
			text-align:left;			
			border: 0px solid #000;		
			
		}
		/*-- menu linker kant blauw--*/
		div.div_menu_bottom_zoeken
			{				
				float:left;				
				height:25px;				
				border: 0px solid red;
				padding-top:3px;		
				
			}
			div.div_zoeken
			{
				float:left;
				padding-right:3px;
			}
			
			div.div_zoeken_submit
			{
				
				float:left;
				padding-top:0px;
			}
			

		
		
	/*-- menu linker kant groen--*/
	div.div_menu_groen
		{
			position:relative;
			top:23px;			
			bottom:0px;
			background-color:#0064b1;			
			height:23px;
			width:570px;
			color:#ffffff;
			text-align:left;			
			border: 0px solid #ffffff;		
			
		}
/*-- menu rechter kant wit--*/
	div.div_bottom_rechts
	{
		position:absolute;
		bottom:0px;
		right:20px;
		background-color:#ffffff;
		height:21px;
		width:380px;		
	}

/*--Holder voor de inhoud--*/
	div.div_inhoud_flash
	{

	}
	
	div.div_inhoud_holder
	{
		position:static;		
		width:980px;
		text-align:left;		
		padding-left:10px;
		padding-right:10px;
		padding-bottom:20px;	
		height:100%;	
		border: 0px solid #5cb243;		
	}
	
	/*--Menu links--*/		
		div.div_inhoud_menu_links
		{
			float:left;
			width:158px;
			padding-top:30px;	
						
		}
	
	/*--Menu logout--*/	
		div.div_keuze_project
		{
			padding-bottom:20px;
		}
		
		/*--Menu links--*/		
		div.div_keuze_onder
		{			
			width:100%;
			border-bottom : 1px solid #9bb9d0;
			margin-bottom : 20px;
			margin-top : 20px;	
		}
		
	/*--Menu voor nieuws--*/		
		div.div_inhoud_home_links
		{
			float:left;
			width:569px;
			padding-top:30px;					
		}
		
	/*--Menu voor projecten titel--*/		
		div.div_projecten_projecten_titel h1
		{
			color:#5cb243;
		}
		
	/*--Menu voor projecten titel--*/		
		div.div_projecten_keuze_titel h1
		{
						
			color:#000000;
		}		
		
	/*--Input select --*/
		div.div_keuze
		{
			padding-top:15px;
			left:-15px;
		}
		select.input_select
		{
			width:150px;
			color:#474747;
		}
		
		
	/*--inhoud lijn--*/	
		div.div_lijn_holder
		{			
			float:left;
			padding-top:38px;
			width:1px;
			height:100%;			
		}
		
			div.div_inhoud_lijn
			{
				position:absolute;											
				background-color:#5cb243;
				width:1px;
				height:200px;

			}
		
	/*--Menu links--*/		
		div.div_inhoud_links
		{											
			float:left;
			width:361px;			
			padding-left:20px;
			padding-top:30px;
			padding-right:20px;
			padding-bottom:20px;
		}
	
	
	/*--blauw groen holder--*/
		div.div_inhoud_blauw_groen_holder
		{
			float:left;												
			text-align:right;		
		}	

		
	/*--Afbeeldinge rechts en teksten--*/		
		div.div_inhoud_rechts_holder
		{			
			float:left;				
			width:380px;						
		}
		
		/*--Afbeeldingen--*/		
			div.div_afbeeldingen_rechts
			{				
				padding:0px;
			}
				
		/*--inhoud 2 rechts--*/		
			div.div_inhoud_rechts
			{			
				padding-left:30px;
				padding-right:20px;
				padding-bottom:20px;
				padding-top:-10px;	
				color :#808080;			
			}		
			
		/*--inhoud 2 rechts--*/		
			div.div_inhoud_rechts p
			{			

				color :#808080;			
			}	
			
				/*-- Inhoud zoeken rechts -- */
				div.div_inhoud_rechts_zoeken_result
				{
					border-bottom:1px solid #9bb9d0;
					padding-bottom:30px;	
					padding-top:15px;	
				}
				
							/*-- Inhoud zoeken rechts -- */
				div.div_inhoud_rechts_zoeken_result a
				{
					color:#000000;
				}
					
		
		
/*--Onderste titel--*/

	div.div_titel
	{
		position:relative;
		width:975px;
		height:15px;
		text-align:left;
		background-image:url("../../images/moesbouw_snel_naar_midden.jpg");
		background-repeat:repeat-x;
		color:#ffffff;
		padding-top:3px;
		padding-bottom:5px;
		padding-left:15px;
		padding-right:10px;
		clear:both;
		
	}
	
div.div_navigatie
	{
		position:relative;
		width:985px;
		text-align:left;
		background-image:url("../../images/moesbouw_navigatie_midden.jpg");
		background-repeat:repeat-y;
		background-position:bottom;
		padding-left:15px;
		padding-bottom:10px;			
	}
	
	
div.div_navigatie_bottom
	{
		
		position:relative;
		width:1000px;
		height:7px;
		text-align:left;
		background-image:url("../../images/moesbouw_navigatie_onder.jpg");
		background-repeat:no-repeat;	
			
	}	
	
div.div_between
{
	height:23px;
	clear:both;
	background-color:#ffffff;
}

div.div_between_footer
{
	height:5px;
	background-color:#ffffff;

}
			
div.div_footer_opmaak
	{
		position:relative;
		width:1000px;
		height:23px;
		background-image:url("../../images/moesbouw_footer.jpg");
		text-align:left;		
	}
	
div.div_footer_tekst
	{
		position:relative;
		width:1000px;
		height:23px;
		text-align:left;
	
	}

/*-- de menu active--*/

#menu_active, #menu_active ul, #menu_active li
{
	background-color:#fff;
	
}	


/*-- Het linker menu--*/
#nav_links, #nav_links ul, #nav_links li
{ 

	padding: 0px;
	padding-bottom: 4px;
	margin:	0px;
	list-style: none;	
}
	
#nav_links
{ 
	
	float:left;
	font-size:1.2em;
	padding-top: 6px;	
	
}

/*-- Het nav onder--*/

div.div_menu_titel
{
	padding-top:10px;
	padding-bottom:10px;
}	
div.div_menu_sub_titel
{
	padding-top:2px;
	padding-bottom:2px;
}	


/*--Linkjes--*/
.input
{
	background-image:url("../../images/moesbouw_input_background.jpg");
	background-repeat:no-repeat;
	border:0px solid red;
	width:200px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	height:25px;
	font-family: arial;  
	color: #757578;  
	font-weight:normal; 
	text-decoration: none;
}


/*--Linkjes--*/
.input:focus
{
	background-image:url("../../images/moesbouw_input_background.jpg");
	background-repeat:no-repeat;
	border:0px solid red;
	width:200px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	height:25px;
	font-family: arial;  
	color: #4d4d4f;  
	font-weight:normal; 
	text-decoration: none;
}

/*--Linkjes--*/
.input_error:focus
{
	background-image:url("../../images/moesbouw_input_background_error.jpg");
	background-repeat:no-repeat;
	border:0px solid red;
	width:200px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	height:25px;
	font-family: arial;  
	color: #4d4d4f;  
	font-weight:normal; 
	text-decoration: none;
}	

/*--Linkjes--*/
.input_error
{
	background-image:url("../../images/moesbouw_input_background_error.jpg");
	background-repeat:no-repeat;
	border:0px solid red;
	width:200px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	height:25px;
	font-family: arial;  
	color: #757578;  
	font-weight:normal; 
	text-decoration: none;
}	

.textarea_small
{
	background-image:url("../../images/moesbouw_textarea_background_small.jpg");
	background-repeat:no-repeat;
	border:0px solid red;
	width:170px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	height:100px;
	font-family: arial;
	font-size: 1.0em;  
	color: #757578;  
	font-weight:normal; 
	text-decoration: none;
		overflow: auto;
	
}


.textarea_small:focus
{
	background-image:url("../../images/moesbouw_textarea_background_small.jpg");
	background-repeat:no-repeat;
	border:0px solid red;
	width:170px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	height:100px;
	font-family: arial; 
	font-size: 1.0em; 
	color: #4d4d4f;  
	font-weight:normal; 
	text-decoration: none;
 	overflow: auto;

}


.textarea_small_error
{
	background-image:url("../../images/moesbouw_textarea_background_small_error.jpg");
	background-repeat:no-repeat;
	border:0px solid red;
	width:170px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	height:100px;
	font-family: arial;
	font-size: 1.0em;  
	color: #757578;  
	font-weight:normal; 
	text-decoration: none;
	overflow: auto;

}

.textarea_small_error:focus
{
	background-image:url("../../images/moesbouw_textarea_background_small_error.jpg");
	background-repeat:no-repeat;
	border:0px solid red;
	width:170px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	height:100px;
	font-family: arial;
	font-size: 1.0em;  
	color: #4d4d4f;  
	font-weight:normal; 
	text-decoration: none;
	overflow: auto;

}

.textarea
{
	background-image:url("../../images/moesbouw_textarea_background.jpg");
	background-repeat:no-repeat;
	border:0px solid red;
	width:200px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	height:100px;
	font-family: arial;
	font-size: 1.0em;  
	color: #757578;  
	font-weight:normal; 
	text-decoration: none;
}


.textarea:focus
{
	background-image:url("../../images/moesbouw_textarea_background.jpg");
	background-repeat:no-repeat;
	border:0px solid red;
	width:200px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	height:100px;
	font-family: arial; 
	font-size: 1.0em; 
	color: #4d4d4f;  
	font-weight:normal; 
	text-decoration: none;
}


.textarea_error
{
	background-image:url("../../images/moesbouw_textarea_background.jpg");
	background-repeat:no-repeat;
	border:0px solid red;
	width:200px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	height:100px;
	font-family: arial;  
	color: #757578;  
	font-weight:normal; 
	text-decoration: none;
}



/*--zoeken--*/
.input_zoeken
{
	background-image:url("../../images/moesbouw_input_zoeken_background.jpg");
	background-repeat:no-repeat;
	width:163px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-family: arial;
	height:15px;
	color: #757578;
	font-weight:normal;
	text-decoration: none;
	border:0px solid red;
	display:inline;
	
}


/*--zoeken--*/
.input_zoeken_error
{
	background-image:url("../../images/moesbouw_input_zoeken_background_error.jpg");
	background-repeat:no-repeat;
	width:163px;
	padding-left:10px;
	padding-right:10px;	
	padding-top:5px;
	padding-bottom:5px;
	font-family: arial;  
	color: #4d4d4f;  
	font-weight:normal; 
	text-decoration: none;
	border:0px solid red;
}

/*--zoeken--*/
.select_text
{
	background-repeat:no-repeat;
	width:183px;
	height:25px;
	font-family: arial;
	font-size:0.9em;  
	color: #757578;  
	font-weight:normal; 
	text-decoration: none;
	display:inline;
	
}
/*--zoeken--*/
.select_text_error
{

	background-repeat:no-repeat;
	width:183px;

	height:25px;
	font-family: arial;
	font-size:0.9em;  
	color: #757578;  
	font-weight:normal; 
	text-decoration: none;
	display:inline;
	border:1px solid #d97b73;
}

/*-- linkjes--*/
a:visited 						{ font-family: arial;	font-size:0.9em;	color: #0064b1;  font-weight:normal;		display: inline;  	text-decoration: none;}
a:active 						{ font-family: arial;	font-size:0.9em;	color: #0064b1;  font-weight:normal;		display: inline;  	text-decoration: none;}
a:link 							{ font-family: arial;	font-size:0.9em;	color: #0064b1;  font-weight:normal;		display: inline;  	text-decoration: none;}
a:hover							{ font-family: arial;	font-size:0.9em;	color: #0064b1;  font-weight:normal;		display: inline;  	text-decoration: underline;}

a.footer:visited 				{ font-family: arial;	font-size:0.9em;	color: #4d4d4f;  font-weight:normal;		display: inline;  	text-decoration: none;}
a.footer:active 				{ font-family: arial;	font-size:0.9em;	color: #4d4d4f;  font-weight:normal;		display: inline;  	text-decoration: none;}
a.footer:link 					{ font-family: arial;	font-size:0.9em;	color: #4d4d4f;  font-weight:normal;		display: inline;  	text-decoration: none;}
a.footer:hover					{ font-family: arial;	font-size:0.9em;	color: #0064b1;  font-weight:normal;		display: inline;  	text-decoration: underline;}

a.menu:visited 					{ font-family: arial;	font-size:0.9em;	color: #ffffff;  font-weight:normal;		display: inline;  	text-decoration: none;}
a.menu:active 					{ font-family: arial;	font-size:0.9em;	color: #ffffff;  font-weight:normal;		display: inline;  	text-decoration: none;}
a.menu:link 					{ font-family: arial;	font-size:0.9em;	color: #ffffff;  font-weight:normal;		display: inline;  	text-decoration: none;}
a.menu:hover					{ font-family: arial;	font-size:0.9em;	color: #0064b1;  font-weight:normal;		display: inline;  	text-decoration: underline;}

a.menu_active:visited 			{ font-family: arial;	font-size:0.9em;	color: #000000;  font-weight:normal;		display: inline;  	text-decoration: none;}
a.menu_active:active 			{ font-family: arial;	font-size:0.9em;	color: #000000;  font-weight:normal;		display: inline;  	text-decoration: none;}
a.menu_active:link 				{ font-family: arial;	font-size:0.9em;	color: #000000;  font-weight:normal;		display: inline;  	text-decoration: none;}
a.menu_active:hover				{ font-family: arial;	font-size:0.9em;	color: #ffffff;  font-weight:normal;		display: inline;  	text-decoration: underline;}

a.menu_links:visited 			{ font-family: arial;	font-size:0.8em;	color: #5cb243;  font-weight:normal;	display: inline;  	text-decoration: none;}
a.menu_links:active 			{ font-family: arial;	font-size:0.8em;	color: #5cb243;  font-weight:normal;	display: inline;  	text-decoration: none;}
a.menu_links:link 				{ font-family: arial;	font-size:0.8em;	color: #5cb243;  font-weight:normal;	display: inline;  	text-decoration: none;}
a.menu_links:hover				{ font-family: arial;	font-size:0.8em;	color: #0064b1;  font-weight:normal;	display: inline;  	text-decoration: underline;}

a.menu_links_active:visited 	{ font-family: arial;	font-size:0.8em;	color: #0064b1;  font-weight:normal;	display: inline;  	text-decoration: none;}
a.menu_links_active:active 		{ font-family: arial;	font-size:0.8em;	color: #0064b1;  font-weight:normal;	display: inline;  	text-decoration: none;}
a.menu_links_active:link 		{ font-family: arial;	font-size:0.8em;	color: #0064b1;  font-weight:normal;	display: inline;  	text-decoration: none;}
a.menu_links_active:hover		{ font-family: arial;	font-size:0.8em;	color: #5cb243;  font-weight:normal;	display: inline;  	text-decoration: underline;}

a.menu_onder:visited 			{ font-family: arial;	font-size:0.9em;	color: #0064b1;  font-weight:normal;	display: inline;  	text-decoration: none;}
a.menu_onder:active 			{ font-family: arial;	font-size:0.9em;	color: #0064b1;  font-weight:normal;	display: inline;  	text-decoration: none;}
a.menu_onder:link 				{ font-family: arial;	font-size:0.9em;	color: #5cb243;  font-weight:normal;	display: inline;  	text-decoration: none;}
a.menu_onder:hover				{ font-family: arial;	font-size:0.9em;	color: #0064b1;  font-weight:normal;	display: inline;  	text-decoration: underline;}

a.menu_onder_active:visited 	{ font-family: arial;	font-size:0.9em;	color: #0064b1;  font-weight:normal;	display: inline;  	text-decoration: none;}
a.menu_onder_active:active 		{ font-family: arial;	font-size:0.9em;	color: #0064b1;  font-weight:normal;	display: inline;  	text-decoration: none;}
a.menu_onder_active:link 		{ font-family: arial;	font-size:0.9em;	color: #0064b1;  font-weight:normal;	display: inline;  	text-decoration: none;}
a.menu_onder_active:hover		{ font-family: arial;	font-size:0.9em;	color: #5cb243;  font-weight:normal;	display: inline;  	text-decoration: underline;}

a.menu_groen:visited 			{ font-family: arial;	font-size:0.9em;	color: #0064b1;  font-weight:normal;	display: inline;  	text-decoration: none;}
a.menu_groen:active 			{ font-family: arial;	font-size:0.9em;	color: #0064b1;  font-weight:normal;	display: inline;  	text-decoration: none;}
a.menu_groen:link 				{ font-family: arial;	font-size:0.9em;	color: #0064b1;  font-weight:normal;	display: inline;  	text-decoration: none;}
a.menu_groen:hover				{ font-family: arial;	font-size:0.9em;	color: #0064b1;  font-weight:normal;	display: inline;  	text-decoration: underline;}

a.menu_groen_active:visited 	{ font-family: arial;	font-size:0.9em;	color: #0064b1;  font-weight:normal;	display: inline;  	text-decoration: none;}
a.menu_groen_active:active 		{ font-family: arial;	font-size:0.9em;	color: #0064b1;  font-weight:normal;	display: inline;  	text-decoration: none;}
a.menu_groen_active:link 		{ font-family: arial;	font-size:0.9em;	color: #0064b1;  font-weight:normal;	display: inline;  	text-decoration: none;}
a.menu_groen_active:hover		{ font-family: arial;	font-size:0.9em;	color: #0064b1;  font-weight:normal;	display: inline;  	text-decoration: underline;}

a.menu_sub_onder:visited 		{ font-family: arial;	font-size:0.8em;	color: #4d4d4f;  font-weight:normal;	display: inline;  	text-decoration: none;}
a.menu_sub_onder:active 		{ font-family: arial;	font-size:0.8em;	color: #4d4d4f;  font-weight:normal;	display: inline;  	text-decoration: none;}
a.menu_sub_onder:link 			{ font-family: arial;	font-size:0.8em;	color: #4d4d4f;  font-weight:normal;	display: inline;  	text-decoration: none;}
a.menu_sub_onder:hover			{ font-family: arial;	font-size:0.8em;	color: #0064b1;  font-weight:normal;	display: inline;  	text-decoration: underline;}

a.menu_sub_onder_active:visited { font-family: arial;	font-size:0.8em;	color: #0064b1;  font-weight:normal;	display: inline;  	text-decoration: none;}
a.menu_sub_onder_active:active 	{ font-family: arial;	font-size:0.8em;	color: #0064b1;  font-weight:normal;	display: inline;  	text-decoration: none;}
a.menu_sub_onder_active:link 	{ font-family: arial;	font-size:0.8em;	color: #0064b1;  font-weight:normal;	display: inline;  	text-decoration: none;}
a.menu_sub_onder_active:hover	{ font-family: arial;	font-size:0.8em;	color: #5cb243;  font-weight:normal;	display: inline;  	text-decoration: underline;}

h1								{ font-family: arial;	font-size:0.9em;	color: #0064b1;  font-weight:bold;		text-decoration: none; 		}
h2								{ font-family: arial;	font-size:1.3em;	color: #4d4d4f;  font-weight:normal;	text-decoration: none;		}
h3								{ font-family: arial;	font-size:1.1em;	color: #000000;  font-weight:bold;		text-decoration: none;		}
h4								{ font-family: arial;	font-size:0.9em;	color: #5cb243;  font-weight:bold;		text-decoration: none;		}
h5								{ font-family: arial;	font-size:0.9em;	color: #000000;  font-weight:bold;		text-decoration: none;		}

.button
{
	position:absolute; border:0px solid #666;cursor:pointer;
	
}
	
.next_div
{
	border:0px solid blue;
	margin-top:108px;
	height:43px;
	float:left;
}

.prev_div
{
	float:left;
	border:0px solid blue;
	height:43px;	
	margin-top:108px;
	
}

#next
{	 
	
	margin-left:-53px;
	z-index:2;
}

#prev
{
	
	margin-left:10px;
	z-index:99;
	border:0px solid blue;	 

}

#mask 
{
	width:360px;
	height:260px;
	overflow:hidden;
	border:0px solid #666;
	position:relative;
	float:left;

}

#folio 
{
	position:absolute;
	top:0;
	left:0;
	width:3535px;
	float:left;
}

.col 
{
	display:block;
	width:360px;
	height:260px;
	float:left;
}

.site {
	width:180px;
	height:130px;
	float:left;
	padding:0px;
	margin:0px;
	border:0px solid #666;
	font-size:11px;
	font-family:"Courier New", Courier, monospace;
}
.site img{padding:0px;border:0px solid #CCC}
.site span{display:block}
/* ruimte tussen de portfolio en tekst / rest*/
.folio_end
{
	position:relative;
	height:260px;
	border:0px solid red;
	z-index:-1;
}	



a.hover {
	color: red;
}
 
#demo-list {
	padding: 0;
	list-style: none;
	margin: 0;
}
 
#demo-list .file-invalid {
	cursor: pointer;
	color: #514721;
	padding-left: 48px;
	line-height: 24px;
	background: url(assets/error.png) no-repeat 24px 5px;
	margin-bottom: 1px;
}
#demo-list .file-invalid span {
	background-color: #fff6bf;
	padding: 1px;
}
 
#demo-list .file {
	line-height: 2em;
	padding-left: 22px;
	background: url(assets/attach.png) no-repeat 1px 50%;
}
 
#demo-list .file span,
#demo-list .file a {
	padding: 0 4px;
}
 
#demo-list .file .file-size {
	color: #666;
}
 
#demo-list .file .file-error {
	color: #8a1f11;
}
 
#demo-list .file .file-progress {
	width: 125px;
	height: 12px;
	vertical-align: middle;
	background-image: url(../../assets/progress-bar/progress.gif);
}