/* CSS Document */
*
{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

html
{
	background:url(../assets/html_background.gif) center repeat-y #3366CC;
}
	#container 
	{
		width: 850px;
		margin-left: auto;
		margin-right: auto;
		padding-left:1px; /*IE8 and lower hack */
	}
		#header
		{
			float:left;
			height: 188px;
			width: 850px;
			background:url(../assets/header_rechtsboven.gif) right bottom no-repeat;
			margin-left: -1px; /* FF correction left */
			*margin-left: 0px; /* IE unhack */
		}

		#content_container
		{
			height: 662px;
			width: 850px;
			
		}
/*column1 is voor navigatiemenu's*/
			#column1
			{
				float:left;
				width:235px;
				height:100px;
				margin-left: -1px; /* FF correction left */
				*margin-left: 0px; /* IE unhack */
			}

/* css voor het eerste link image */
				#column1 a#menu_bedrijf
				{
					background:url(../assets/nav_knop_bedrijf.gif) no-repeat bottom;
					display:block;
					width:235px;
					height:37px;
				}
	
				#column1 a#menu_bedrijf_active
				{
					background:url(../assets/nav_knop_bedrijf.gif) no-repeat top;
					width:235px;
					height:37px;
					display:block;
				}
	
				#column1 a#menu_bedrijf:hover
				{
					background:url(../assets/nav_knop_bedrijf.gif) no-repeat top;
				}
	
				#column1 a#menu_bedrijf span,
				#column1 a#menu_bedrijf_active span
				{
					display:none;
				}
	
	/* css voor het tweede image */
				#column1 a#menu_diensten
				{
					background:url(../assets/nav_knop_diensten.gif) no-repeat bottom;
					width:235px;
					height:37px;
					display:block;
				}			
	
				#column1 a#menu_diensten_active
				{
					background:url(../assets/nav_knop_diensten.gif) no-repeat top;
					width:235px;
					height:37px;
					display:block;
				}
	
				#column1 a#menu_diensten:hover
				{
					background:url(../assets/nav_knop_diensten.gif) no-repeat top;
				}
				#column1 a#menu_diensten span,
				#column1 a#menu_diensten_active span
				{
					display:none;
				}
	/* css voor het derde image*/
				#column1 a#menu_werkgever
				{
					background:url(../assets/nav_knop_werkgever.gif) no-repeat bottom;
					width:235px;
					height:37px;
					display:block;
				}
				#column1 a#menu_werkgever_active
				{
					background:url(../assets/nav_knop_werkgever.gif) no-repeat top;
					width:235px;
					height:37px;
					display:block;
				}
	
				#column1 a#menu_werkgever:hover
				{
					background:url(../assets/nav_knop_werkgever.gif) no-repeat top;
				}
	
				#column1 a#menu_werkgever span,
				#column1 a#menu_werkgever_active span
				{
					display:none;
				}
	/* css voor het vierde image */
				#column1 a#menu_kandidaat
				{
					background:url(../assets/nav_knop_kandidaat.gif) no-repeat bottom;
					width:235px;
					height:37px;
					display:block;
				}
				#column1 a#menu_kandidaat_active
				{
					background:url(../assets/nav_knop_kandidaat.gif) no-repeat top;
					width:235px;
					height:37px;
					display:block;
				}
				
				#column1 a#menu_kandidaat:hover
				{
					background:url(../assets/nav_knop_kandidaat.gif) no-repeat top;
				}
				
				#column1 a#menu_kandidaat span,
				#column1 a#menu_kandidaat_active span
				{
					display:none;
				}
	/*css voor de vijfde image */
				#column1 a#menu_vacatures
				{
					background:url(../assets/nav_knop_vacatures.gif) no-repeat bottom;
					width:235px;
					height:37px;
					display:block;
				}
			
				#column1 a#menu_vacatures_active
				{
					background:url(../assets/nav_knop_vacatures.gif) no-repeat top;
					width:235px;
					height:37px;
					display:block;
				}
			
				#column1 a#menu_vacatures:hover
				{
					background:url(../assets/nav_knop_vacatures.gif) no-repeat top;
				}
			
				#column1 a#menu_vacatures span,
				#column1 a#menu_vacatures_active span
				{
					display:none;
				}
	/*css voor de zesde image */
				#column1 a#menu_contact
				{
					background:url(../assets/nav_knop_contact.gif) no-repeat bottom;
					width:235px;
					height:37px;
					display:block;
				}
			
				#column1 a#menu_contact_active
				{
					background:url(../assets/nav_knop_contact.gif) no-repeat top;
					width:235px;
					height:37px;
					display:block;
				}
			
				#column1 a#menu_contact:hover
				{
					background:url(../assets/nav_knop_contact.gif) no-repeat top;
				}
			
				#column1 a#menu_contact span,
				#column1 a#menu_contact_active span
				{
					display:none;
				}
	
	/* einde css voor het menu */
	
				#column1 ul
				{
					background:url(../assets/nav_dropdown_back.gif) repeat;
					list-style:none;
					text-decoration: none;
				}
				
				#column1 ul li
				{
					width:235px;			
					list-style-type:none;
					list-style-image: none;	
				}
					
				#column1 ul li a.submenu
				{
					display:block;
					width:235px;
					height:18px;
					text-decoration: none;
					padding:2px 0px;	
					padding-left:50px;
					color: #000000;
					font-size:12px;
					font-weight:bold;
				}
				#column1 ul li a.submenu_active
				{
					display:block;
					width:235px;
					height:18px;
					text-decoration: none;	
					padding:2px 0px;	
					padding-left:50px;
					color: #CC0099;
					font-size:12px;
					font-weight:bold;
				}
				
				#column1 ul li a.submenu:hover,
				#column1 ul li a.submenu_active:hover
				{
					color:#CC0099;			
				}
				
			#column2
			{
				float: left;
				width: 515px;
				_width: 460px;/*IE8 and lower hack*/
				padding: 50px;
				color:#666666;
				font-size: 12px;
				line-height:18px;
				min-height:402px;
			}
				#column2 h1
				{ 
					color:#0099FF;
					font-size:18px;
				}
				#column2 h2
				{
					color:#CC0099;
					font-size:12px;
					line-height:22px;
				}
				#column2 .img_left
				{
					float:left;
					margin-right:3px;
				}
				#column2 .img_right
				{
					float:right;
					margin-left:3px;
				}
				#column2 .img_middle
				{
					float:right;
					margin-left:3px;
				}
				#column2 input,
				#column2 textarea
				{
				font-size:12px;
				
				}
				 

				#footer
				{
					clear:both;
					padding:20px 50px 10px 285px;
					font-size:9px;
					letter-spacing: 1px;
				}
					a#webparking_link
					{
						color: #FF0080;
						text-decoration:none;
					}
					a#webparking_link:hover
					{
						color: #0099FF;
					}