body
{
	font-family: Tahoma,sans-serif;
	background-image: url('../images/header_bg.jpg');
	background-repeat: repeat-x;
	background-color: #fff;
	margin: 0px;
}

img
{
	border: 0px;
}

h1,h2,h3
{
	font-size: 16px;
	font-weight: bold;
	color: #6ac457;
}

p,font
{
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	font-size: 12px;
	line-height: 17px;
}

ul li
{
	font-size: 12px;
	line-height: 17px;
}

table
{
	margin: 0;
	padding: 0;
}

table tr td
{
	margin: 0;
	padding: 0;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 12px;
}

a
{
	color: #000000;
	text-decoration: none;
}

a:hover
{
	color: #000000;
	text-decoration: underline;
}

input, textarea
{
	border: 1px solid #cdcdcd;
}

div#container
{
	width: 750px;
	height: auto;
	margin: 0 auto;
}

div#container div#header
{
	width: 750px;
	height: 100px;
}

div#container div#header h3
{
	margin-top: 10px;
	font-size: 40px;
	color: #2e2e2e;
}

table#search_field
{
	margin: 0px;
	padding: 0px;
	margin: 0 auto;
	font-size: 11px;
	color: #444444;
	margin-left: -50px;
	top: 25px;
	left: 50%;
	position: absolute;
}

table#search_field td
{
	padding-right: 5px;
}

table#search_field td input.search
{
	height: 16px;
	margin: 0px;
	border: 1px solid #d6d6d6;
}

table#search_field td input.submit
{
	height: 20px;
	margin: 0px;
	background-color: #fff;
	border: 1px solid #d6d6d6;
	color: #434343;
}

div#user_menu_container
{
	width: 740px;
	background-color: #e9e9e9;
	border: 1px solid #737373;
	padding-bottom: 10px;
	
}

div#user_menu_container h2, div#user_menu_container p
{
	margin: 10px;
	margin-bottom: 0px;
}

div#user_menu_container ul
{
	width: 713px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
	padding-left: 17px;
	margin-left: 10px;
	padding-top: 5px;
	list-style-type: square;
	overflow: auto;
}

div#user_menu_container ul li
{
	width: 175px;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	list-style-type: square;
	float: left;
}

div#menu_container
{
	width: 100%;
	height: 27px;
	padding-top: 10px;
	background-color: #e9e9e9;
	border-bottom: 1px solid #737373;
	top: 100px;
	left: 0px;
	position: absolute;
}

div#menu_container ul#menu
{
	width: 750px;
	height: 27px;
	margin: 0px;
	padding: 0px;
	margin: 0 auto;
}

div#menu_container ul#menu li
{
	height: 22px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	margin-right: 10px;
	background-color: #fff;
	border-top: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	font-size: 12px;
	list-style: none;
	letter-spacing: 1px;
	float: left;
}

div#menu_container ul#menu li.active
{
	height: 22px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	margin-right: 10px;
	background-color: #e9e9e9;
	border-top: 1px solid #737373;
	border-left: 1px solid #737373;
	border-right: 1px solid #737373;
	font-size: 12px;
	list-style: none;
	font-weight: bold;
	letter-spacing: 1px;
	float: left;
}

div#menu_container ul#menu li a
{
	display: block;
	text-decoration: none;
	color: #6a6a6a;
}

div#container div#content
{
	width: 750px;
	min-height: 400px;
	margin-top: 50px;
	font-size: 12px;
	line-height: 17px;
	overflow: auto;
}

div#container div#content div#services_container
{
	width: 750px;
	overflow: auto;
}

div#container div#content div#services_container div.services_row
{
	width: 250px;
	float: left;
}

div#container div#content div#services_container div.services_row div.service_field
{
	width: 230px;
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #d6d6d6;
}

div#container div#content div#services_container div.services_row div.service_field p
{
	margin: 0px;
	padding: 0;
	font-size: 11px;
	color: #5a5a5a;
}

div#container div#content div#services_container div.services_row div.service_field p a
{
	color: #5a5a5a;
	text-decoration: none;
}

div#container div#content div#services_container div.services_row div.service_field p a:hover
{
	color: #5a5a5a;
	text-decoration: underline;
}

div#footer
{
	width: 100%;
	margin-top: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #e9e9e9;
	border-top: 1px solid #eaeaea;
	font-size: 11px;
	color: #989898;
	font-style: italic;
}

div#footer p
{
	width: 750px;
	margin: 0 auto;
}

#content #left {
	width: 180px;
	height: 600px;
	margin-left: -90px;
	
	float: left;
}

	#content #left #add {
		width: 180px;
		height: 600px;
		z-index: 1000;
		position: absolute;
	}

#content #right {
	width: 650px;
	
	float: left;
}

table#ervaring_form td
{
	padding: 				3px;
	
	background-color:		#f0f0f0;
}

span.waardering_value
{
	width: 					30px;
	
	border: 				0px;
	
	background: 			none;
	
	font-size: 				12px;
	font-weight: 			bold;
	text-align: 			center;
	
	display: 				block;
	float: 					left;
}

ul.errors
{
	color: 					#ff0000;
}

	ul.errors li
	{
		padding-top: 			3px;
		padding-bottom: 		3px;
	}

p.success_field
{
	width: auto;
	padding: 5px;
	padding-left: 27px;
	margin-bottom: 10px;
	
	font-size: 12px;
	color: #ffffff;
	line-height: 16px;

	border: 1px solid #78cb35;
	
	background: #7ad868 url(../../../files/success_icon.png) 5px 4px;
	background-repeat: no-repeat;
}

	p.success_field a
	{	
		color: #ffffff;
		text-decoration: underline;
	}

table#ervaringen img
{
	height:					13px;
}

table#waardering_gem
{
	border: 				1px solid #d3d3d3;
	margin-top: 			20px;
}

	table#waardering_gem td
	{
		padding: 				3px;
		background-color:		#f0f0f0;
	}
	
		table#waardering_gem td span.waardering_value
		{
			width: 					40px;
			
			border: 				0px;
			
			background: 			none;
			
			font-size: 				12px;
			font-weight: 			bold;
			text-align: 			center;
			
			display: 				block;
			float: 					left;
		}
	
	table#waardering_gem td.waardering_gem_cijfer
	{
		color: 					white; /*#53add3;*/
		font-size: 				43px;
		font-weight: 			bold;
		text-align: 			center;
		
		background-color: 		#69c256;/*#dbdbdb;*/
	}
	 
		table#waardering_gem td.waardering_gem_cijfer span
		{
			padding-top:			5px;
			margin: 				0px;
			
			color: 					#e1f0fb;/*#959595;*/
			font-size: 				11px;
			font-weight: 			normal;
			text-align: 			center;
			
			display: 				block;
		}

a.plaats_waardering
{
	padding: 				5px;
	padding-left: 			23px;
	margin-bottom: 			10px;

	display: 				block;
	
	border: 				2px solid #385b1d;
	background: 			#69c256 url(../../../files/add_icon.png) 3px;
	background-repeat: 		no-repeat;
	
	color: 					white;
	text-decoration: 		none;
	
	float: 					left;
}

a.add_icon
{
	width: 					auto;
	height: 				16px;
	padding-left:			20px;
	
	background: 			url(../../../files/add_icon.png);
	background-repeat: 		no-repeat;
	
	display: 				block;
}

/* Complaint search */
table#complaint_search
{
	width:					558px;
	margin-top: 			10px;
	border: 				1px solid #dddddd;
}

	table#complaint_search td
	{
		padding: 				5px;
		background-color: 		#f0f0f0;
	}
	
	table#complaint_search td input[type=text]
	{
		width:			 		459px;
	}
	
	table#complaint_search td input[type=submit]
	{
		width:			 		70px;
	}


/* Percent bar */
div#percentBar {
	width: 				400px;
	height: 			20px;
	
	border:				1px solid black;
}

	div#percentBar div {
		height: 			20px;
		
		background: 		#69c256;
	}
	
	div#percentBar span {	
		width: 				400px;
		height: 			20px;
		
		text-align: 		center;
		color: 				black;
		
		position: 			relative;
		top: 				-18px;
		left:				0px;
		
		display: 			block;
	}
