/* Gemaakt door Vincent */

/* RESET */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
form, form, label, legend,table, caption {
	margin: 	0;
	padding: 	0;
	border: 	0;
	outline: 	0;
	font-size:  100%;
	vertical-align: baseline;
	background: transparent;
	height:		100%;
}
body {	line-height: 1;}
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';content: none;}
:focus { outline: 0; }
ins { 	text-decoration: none;}
del {	text-decoration: line-through;}
table {	border-collapse: collapse;	border-spacing: 0;}
img{ border:0; margin:0;padding:0;}
/* MAIN CSS */
body{ 
	font-family:	helvetica, serif;
	font-size:		14px;
	background:		#a5fb75;
}
th{ font-size:12px;}
td{ font-size:11px;}
h3{margin-left:15px;margin-top:15px;margin-bottom:10px;}
/* Header */
#header{
	background:		url('../images/header_background.jpg');
	height: 		173px;
	width:			100%;
}
	#header_container{
		height:		120px;
		margin:		0px auto;
		padding:	25px;
		width:		800px;
	}
	
		#logo{
			background:url('../images/header_logo.jpg') no-repeat;
			height:		58px;
			width:		190px;
			text-indent:-99999999px;
			float:left;
		}
	/* Login */
	
	#header form{
		height:		70px ;
		width:		150px;
		float:		right;
		margin:		-20px -25px;
	}
	#header input{
		border: 1px solid green;
		margin: 5px;
	}
	#header input:last-child{ float:right; margin-right: -1px;}
	/* Menu */
	
	#menu{
		color:		white;
		font-family:Arial,sans-serf;
		font-weight:bold;
		font-size:	14px;
		margin-top:	102px;
	}
	#menu li{
		display:	inline;
		margin-right:30px;
		padding-bottom:3px;
	}
	#menu li:hover{ border-bottom:6px solid #9ad86c;}
	#menu a:active,a:link,a:visited{color:white; text-decoration:none;}
	
	/* Content */	
#content{
	background-color:white;
	height:	     	auto;
	width:			100%;
	margin:			0px;
}

	#content_container{
		margin:		0px auto;
		height:		auto;
		width:		800px;
		line-height:	20px;
	}
	.mijn_manage_content{	background:url('../images/content_background.jpg') top center repeat-y;}
	#content_container h2{  
		font-size:18px; 
		padding-top:25px;
	}
	#content_container p{ 	
		padding-top:10px;
		padding-bottom:10px;
	}
	#container_left,#container_right{ 
		width:140px;
		float:left;
		padding-bottom:15px; 
		font-size:12px;
		line-height:15px;
	}
	#container_left{font-weight:bold;}
	#container_right{ padding-left:5px;margin-left:15px;}
	#content h2{			
		font-family:helvetica;
		width:auto;
		padding-top:15px;
		margin:0px;
	}
	#container_center{		
		width:480px;
		float:left;
		padding:10px
	}
	/* CHAT */
	.chat_item{
		float:left;
		margin-top:10px;
		border-bottom: 1px solid #9ad86c;	
	}
	.chat_box img{
		float:left;
		margin-bottom:10px;
	}
	.chat_name{
		float:right;
	}
	.chat_content{
		width:80px;
		float:right;
		min-height:40px;
	}
	.chat_input{
		margin-top:20px;
	}
	.chat_input input,textarea{
		border:1px solid #9ad86c;
		float:right;
		margin-top:5px;
		width:140px;
	}
	/* Registreer */
	.registreer{ width:300px;margin:0px auto;float:}
	.registreer fieldset{ border:0px;background-color:;} 
	.registreer label{ width:150px;margin-top:10px;float:left;}
	.registreer input{ width:150px;margin-top:10px;border:1px solid #9ad86c}
	/* Projecten */
	#project_heading li:first-child{ margin-left:15px;}
	#project_heading li{ display:inline;font-weight:bold;margin-left:150px;}
	#project_list li:first-child{ margin-left:15px;}
	#project_list ul{width:100%;}
	#project_list li{ display:inline;margin-left:150px;}
	/* Mijn Manage */
	.mijn_manage_menu{ margin-left:15px;margin-top:10px;}
	.mijn_manage_menu li{
		background: #9ad86c;
		font-size:11px;
		padding:2px;
		width:150px;
		display:inline;
	}
	.project_aanmaken fieldset{border:0px;}
	.project_aanmaken .submit{margin-left:705px;margin-bottom:15px;}
	.project_aanmaken input{ border:1px solid #9ad86c;}
	.project_aanmaken textarea{ width:100%;}
/* Footer */
#footer{
	background:		url('../images/footer_background.jpg');
	color: 			#9BDE6D;
	height:			auto;
	min-height:		100px;
	padding: 		29px 0 0;
	text-align: 	center;
	width:			100%;
}

	#footer a{
	color: 				#8cd15d;
	font-weight: 		bold;
	}
/* TEMP */

#project_list{
		margin-top:10px;}
	#content_container th{ text-align:left;}
	#content_container table{ margin-top:15px;margin-left:15px;}
	#content_container td{ padding-left:2px;}
		.dark {background-color:#ddd;}
	
	#user_settings{
		float:right;
		font-family:verdana, sans-serif;
		font-size:11px	;
		height:100px;
		width:150px;
		margin-top:0px ;
	}
	#user_settings li{
		margin-top:0px;
		padding:0px;
		height:18px;
		text-align:right;
	}
	#user_settings li:first-child{	font-weight:bold;}
	#user_settings a{ color: black;}
	#user_settings a:hover{ border-bottom: 4px solid #9ad86c;}
	#user_image{ width:40px; height:40px;max-height:40px;}
	#project_lijst a:active, #project_lijst a:link,#project_lijst a:visited {
		color:black;
		text-decoration:none;
	}
.error{color:red;margin:0px auto;text-align:center;}