*
{
	margin: 0;
	padding: 0;
}

BODY
{
	color: #464646;
	font-family: verdana, sans-serif;
	font-size: 12px;
}

IMG { border: 0; }

/*Classes
-----------------------------------------------------*/
.bold { font-weight: bold; }
.clear { clear: both; }
.error { color: #DD0000; }
.left { float: left; }
.right { float: right; }
.center { display: block; margin: 0 auto; }

/*Headings
-----------------------------------------------------*/
H1
{
	color: #CF013A;
	font-family: "Franklin Gothic Book", verdana, sans-serif;
	font-size: 24px;
	margin: 0 0 15px 0;
}
	
	H1 SPAN { color: #F7A600; }

H3
{
	height: 13px;
	margin: 0 0 10px 0;
	text-indent: -99999px;
}
H3#recentevacatures { background: url('../image/title/recentevacatures.jpg') no-repeat; width: 143px; }

/*Links
-----------------------------------------------------*/
A:link, A:active, A:visited
{
	color: #D70D45;
	outline: none;
	text-decoration: underline;
}

A:hover
{
	color: #888888;
	text-decoration: none;
}

/*Layout
-----------------------------------------------------*/
DIV#wrapper
{
	margin: 0 auto;
	width: 1000px;
}

	DIV#top
	{
		height: 118px;
		_overflow-y: hidden;
		width: auto;
	}
	
		DIV#top DIV#lines
		{
			background: url('../image/layout/backdrop_lines.jpg') left bottom no-repeat;
			float: left;
			height: 118px;
			width: 498px;
		}
		
		DIV#top DIV#contact
		{
			float: left;
			height: 93px;
			margin: 25px 0 0 -6px;
			width: 233px;
		}
		
			DIV#top DIV#contact IMG { overflow: hidden; }
		
	DIV#header
	{
		height: 187px;
		_overflow-y: hidden;
		width: auto;
	}
	
		DIV#vacatures
		{
			background: #F2F2F2;
			border-top: solid 1px #E6E6E6;
			border-bottom: solid 1px #E6E6E6;
			float: left;
			height: 153px;
			overflow-y: hidden;
			padding: 16px 34px;
			width: 159px;
		}
		
			DIV.vacature
			{
				border-bottom: solid 1px #D9D9D9;
				cursor: pointer;
				line-height: 19px;
				margin: 0 0 5px 0;
				padding: 0 0 5px 0;
			}
			
				DIV.vacature A
				{
					color: #000000;
					text-decoration: none;
				}
			
				DIV.vacature STRONG { color: #D70D45; }
	
	DIV#navigation
	{
		background: #F2F2F2;
		border-bottom: solid 1px #E6E6E6;
		height: 41px;
	}
	
		DIV#navigation DIV#vacature_link
		{
			background: url('../image/layout/backdrop_vacature_link.jpg') no-repeat;
			float: left;
			height: 29px;
			padding: 12px 25px 0 0;
			text-align: right;
			width: 210px;
		}
	
	DIV#content
	{
		width: auto;
	}
	
		DIV#left_content
		{
			float: left;
			padding: 25px 24px;
			width: 717px;
		}
		
			DIV#left_content P
			{
				line-height: 20px;
				width: 646px;
			}
			
			UL.list { margin: 0 0 0 20px; }
				
				UL.list LI { margin: 0 0 5px 0; }
		
		DIV#right_content
		{
			background: url('../image/layout/backdrop_right_content.jpg') repeat-y;
			float: left;
			min-height: 300px;
			_height: 300px;
			position: relative;
			width: 235px;
		}
		
			DIV#login
			{
				background: url('../image/layout/right_footer.jpg') left bottom no-repeat;
				border-top: solid 1px #E6E6E6;
				bottom: -14px;
				height: 28px;
				padding: 10px 19px;
				position: absolute;
				width: 197px;
			}
			
				DIV#login IMG
				{
					cursor: pointer;
				}
	
	DIV#footer
	{
		background: url('../image/layout/backdrop_footer.jpg') left top repeat-x;
		font-size: 9px;
		height: 50px;
		margin: 20px 0 0 0;
		padding: 22px 0 0 0;
		text-align: right;
		width: auto;
	}
	
		DIV#footer P { color: #666666; text-align: center; }
			
			DIV#footer P A { color: #888888; text-decoration: none; }
			DIV#footer P A:hover { color: #D70D45; }

/*Navigaties
-----------------------------------------------------*/
/*top_nav*/
UL#top_nav
{
	float: left;
	list-style-type: none;
	width: 765px;
}

	UL#top_nav LI
	{
		#float: left;
		margin: 7px 20px 0 20px;
	}
	
		UL#top_nav LI A
		{
			display: block;
			float: left;
			height: 27px;
			text-indent: -99999px;
		}
		
		UL#top_nav LI A#btn_home	     	   { width:  66px; background: url('../image/btn/home.jpg') left top no-repeat; }
		UL#top_nav LI A#btn_diensten     	   { width:  84px; background: url('../image/btn/diensten.jpg') left top no-repeat; }
		UL#top_nav LI A#btn_werkenbijegency    { width: 151px; background: url('../image/btn/werkenbijegency.jpg') left top no-repeat; }
		UL#top_nav LI A#btn_organisatie  	   { width: 105px; background: url('../image/btn/organisatie.jpg') left top no-repeat; }
		UL#top_nav LI A#btn_contact      	   { width:  79px; background: url('../image/btn/contact.jpg') left top no-repeat; }
		UL#top_nav LI A#btn_webshop      	   { width:  87px; background: url('../image/btn/webshop.jpg') left top no-repeat; }

		UL#top_nav LI A#btn_home:hover   	 	  { background-position: left bottom; }
		UL#top_nav LI A#btn_diensten:hover    	  { background-position: left bottom; }
		UL#top_nav LI A#btn_werkenbijegency:hover { background-position: left bottom; }
		UL#top_nav LI A#btn_organisatie:hover 	  { background-position: left bottom; }
		UL#top_nav LI A#btn_contact:hover     	  { background-position: left bottom; }
		UL#top_nav LI A#btn_webshop:hover     	  { background-position: left bottom; }
		
		/*subnav*/
		DIV.subnav
		{
			background: #D30840;
			display: none;
			margin: 27px 0 0 0;
			padding: 0;
			position: absolute;
			width: 185px;
		}
		
			DIV.subnav SPAN
			{
				display: block;
				height: 10px;
				width: 185px;
			}
			DIV.subnav SPAN.sbt { background: url('../image/layout/subnav.jpg') left top no-repeat; }
			DIV.subnav SPAN.sbb { background: url('../image/layout/subnav.jpg') left bottom no-repeat; }
		
			DIV.subnav A
			{
				color: #FFFFFF !important;
				border-bottom: solid 1px #D83460 !important;
				display: block !important;
				float: none !important;
				height: auto !important;
				margin: 0 !important;
				padding: 6px 10px !important;
				text-indent: 0 !important;
				text-decoration: none !important;
				width: auto !important;
			}
			
			DIV.subnav A:hover
			{
				color: #F7A600 !important;
			}
	
		/*subsubnav*/
		DIV.subsubnav
		{
			background: #D30840;
			display: none;
			position: absolute;
			z-index: 100;
		}
			
			DIV.subsubnav SPAN
			{
				display: block;
				height: 10px;
				width: 185px;
			}
			DIV.subsubnav SPAN.sbt { background: url('../image/layout/subnav.jpg') left top no-repeat; }
			DIV.subsubnav SPAN.sbb { background: url('../image/layout/subnav.jpg') left bottom no-repeat; }

/*right_nav*/
UL#right_nav
{
	list-style-type: none;
	margin: 30px 0 0 42px; 
	padding: 0 0 156px 0;
}

	UL#right_nav LI { margin: 0 0 15px 0; }
	
		UL#right_nav LI A
		{
			color: #000000;
			font-family: "Franklin Gothic Book", verdana, sans-serif;
			font-size: 14px;
			text-decoration: none;
		}
		
		UL#right_nav LI A:hover { color: #D70D45; }

/*Formulieren
-----------------------------------------------------*/
/*default*/
FORM LABEL
{
	dislay: block;
	float: left;
	width: 140px;
}

	FORM LABEL SPAN { color: #DD0000; }

FORM INPUT.field
{
	float: left;
	margin: 0 0 5px 0;
	padding: 2px;
	width: 200px;
}

FORM TEXTAREA
{
	float: left;
	height: 100px;
	margin: 0 0 5px 0;
	padding: 2px;
	width: 250px;
}

FORM BR { clear: both; }

/*fLogin*/
FORM#fLogin
{
	background: #FFFFFF;
	border: solid 1px #D9D9D9;
	display: none;
	margin: -7px 0 0 3px;
	#margin: 0 0 0 3px;
	padding: 13px 10px 10px 10px;
}

FORM#fLogin INPUT.field
{
	width: auto;
}

FORM#fLogin .btn
{
	background: #F2F2F2;
	border: solid 1px #D9D9D9;
	cursor: pointer;
	padding: 1px 5px;
}