html, body
{
	margin				: 0px;
	padding				: 0px;
	background-color	: #e8e8e8;
}
body
{
	font				: normal 11px Arial, sans-serif;
	color				: #4d4d4d;
	background			: url('../img/bg/body.jpg') repeat-x left top
}

a
{
	color				: #f29301;
	text-decoration		: underline;
}
a:visited
{
	text-decoration		: none;
}
a:hover
{
	text-decoration		: underline;
	color				: #ec161b;
}
a img
{
	border				: none;
}

/* padding en margins van lijsten en formulieren */
#navigation, #homeslide, #header ul, #footer ul, ul#home, #vacatures, #referenties, #kaders
{
	list-style-type		: none;
	margin				: 0px;
	padding				: 0px;
}
/* headers */
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6
{
	font-weight			: bold;
	margin				: 0px;
	padding				: 15px 0 10px 0;
	font-size			: 16px;
}
#content h1
{
	line-height			: 20px;
	padding-top			: 0px;
}
#container #hometext h1
{
	padding				: 28px 0 0 30px;
}
#content h2
{
	font-size			: 14px;
	padding				: 15px 0 5px 0;
}
#content h3
{
	font-size			: 12px;
	padding				: 10px 0 3px 0;
}
hr.clear	
{
	clear				: both;
	margin				: 0px;
	padding				: 0px;
	height				: 1px;
	visibility			: hidden;
}

/* CONTAINER */
#container
{
	width				: 930px;
	padding				: 0 0 10px 0;
	margin				: 0px auto;
}

/* HEADER */
#header
{
	padding-top			: 24px;
	height				: 76px;
	margin				: 0 2px;
}
#header ul
{
	padding-top			: 45px;
}
#header li
{
	float				: left;
}
#header ul a
{
	display				: block;
	height				: 21px;
	width				: 20px;
	text-decoration		: none;
	margin				: 0 4px;
	background-repeat	: no-repeat;
	background-position	: left top;
}

/* clickable logo */
#header a#index
{
	float				: right;
}

#navigation
{
	position			: absolute;
	top					: 100px;
	background			: url('../img/bg/navigation.png') repeat-x left top;
	height				: 32px;
	width				: 926px;
	margin				: 0 2px;
}
#navigation li
{
	float				: left;
}
#navigation a
{
	display				: block;
	padding				: 8px 12px 0 10px;
	background			: url('../img/bg/navigation.png') repeat-x right -32px;
	height				: 24px;
	text-decoration		: none;
	color				: #4d4d4d;
}
#navigation a:hover
{
	color				: #fff;
	background-position	: 0 -64px;
}
#container #navigation li.first a
{
	width				: 54px;
	padding				: 0px;
	height				: 32px;
	background			: url('../img/bg/navigation.home.png') no-repeat 0 0;
	font-size			: 1px;
}
#container #navigation li.first a:hover
{
	background			: url('../img/bg/navigation.home.png') no-repeat 0 -32px;
}

#homeslide
{
	position			: absolute;
	top					: 144px;
	height				: 246px;
	overflow			: hidden;
	margin				: 0 2px;
	width				: 924px;
	border				: 1px solid #fff;
}
#homeslide li
{
	
	width				: 927px;
	position			: absolute;
	z-index				: 0;
}

#kaders
{
	float				: right;
	width				: 200px;
}
#kaders li
{
	margin-bottom		: 10px;
}
#kaders a.thumb
{
	display				: block;
	width				: 170px;
	height				: 128px;
}
#kaders a.thumb:hover img
{
	opacity				: 0.5;
	filter				: alpha(opacity=50);
}
#kaders a.thumb:hover
{
	background			: url('../img/bg/enlarge.gif') no-repeat 147px 105px;
}
#subtext
{
	float				: left;
	width				: 660px;
}

#main
{
	margin-top			: 313px;
	background			: url('../img/bg/main.png') repeat-y left top;
}
/* content */
#content
{
	line-height			: 1.5em;
	background			: url('../img/bg/main.png') no-repeat -930px 0;
}
#text
{
	padding				: 26px 32px;
}
#text, #hometext
{
	background			: url('../img/bg/main.png') no-repeat -1860px bottom;
	font-size			: 1.1em;
	line-height			: 1.5em;
}
#hometext
{
	padding				: 2px 0 0 2px;
}
#hometext ul#home li
{
	float				: left;
	display				: block;
	width				: 200px;
	border-left			: 1px solid #e8e8e8;
	font-size			: 0.9em;
	color				: #000;
	padding				: 20px 11px 0 20px;
	height				: 280px;
	background			: url('../img/bg/hometext.ul.png') no-repeat right bottom;
}
#container #hometext ul#home li.first
{
	border-left			: none;
	padding-left		: 19px;
}
#hometext ul#home li.list1
{
	background-position	: 0 bottom;
}
#hometext ul#home li.list2
{
	background-position	: -231px bottom;
}
#hometext ul#home li.list3
{
	background-position	: -462px bottom;
}
#hometext p.more a, #vacatures p.more a
{
	color				: #004b96;
	clear				: left;
	font-weight			: bold;
	padding-right		: 13px;
	background			: url('../img/bg/home.more.png') no-repeat right center;
}
#hometext p.more, #vacatures p.more
{
	padding-top			: 10px;
}
#vacatures h2 a, #referenties h2 a, #home h2 a
{
	color				: #004b96;
	text-decoration		: none;
	font-size			: 18px;
}
#vacatures h2 a, #referenties h2 a
{
	font-size			: 16px;
}
#vacatures h2 a:hover, #referenties h2 a:hover, #home h2 a:hover
{
	text-decoration		: underline;
}

#content p
{
	margin				: 0px;
	padding				: 0 0 10px 0;
}

#content a.external
{
	background			: url('../img/bg/external.png') no-repeat 100% 0;
	padding-right		: 14px;
}
#content a.external:visited
{
	background-position	: 100% -100px;
}
#content a.external:hover
{
	background-position	: 100% -200px;
}
#container #content #banner a.external
{
	background-image	: none;
	padding				: 0px;
}

#footer
{
	clear				: both;
	padding				: 10px 0;
}
#footer ul
{
	text-align			: justify;
	font-size			: 0.9em;
	font-weight			: bold;
}
#footer li
{
	float				: left;
	padding-left		: 44px;
}
#footer li.first
{
	padding-left		: 0px;
}

.niettonen
{
	position			: absolute;
	left				: -10000px;
	overflow			: none;
}
.hfaddon
{
	display				: none;
}

/* vacatures */
#container #vacatures, #container #referenties
{
	padding-top			: 20px;
}
#vacatures li h2, #referenties li h2
{
	margin				: 0px;
	padding				: 15px 0;
}
#vacatures li, #referenties li
{
	float				: left;
	display				: block;
	width				: 190px;
	border-right		: 1px solid #e8e8e8;
	border-bottom		: 1px solid #e8e8e8;
	font-size			: 0.9em;
	color				: #000;
	padding				: 0px 11px 0 30px;
	height				: 150px;
}

#container #vacatures li.last, #container #referenties li.last
{
	border-right		: none;
	padding-right		: 10px;
}
#vacatures li p
{
	margin				: 0px;
	padding				: 0px;
}
#referenties li a.thumb
{
	margin				: 15px 0 15px 15px;
	width				: 120px;
	height				: 90px;
	display				: block;
	padding				: 10px;
	border				: 1px solid #fff;	
}
#referenties li a.thumb:hover
{
	border-color		: #004b96;
	background-color	: #e8e8e8;
}
dl.details
{
	margin				: 0px;
	padding				: 0 0 15px 0;
}
dl.details dt
{
	float				: left;
	width				: 9em;
	line-height			: 2.1em;
}
dl.details dd
{
	margin-left			: 9.5em;
	line-height			: 2.1em;
}

/* navigatie */
ul.navigatie
{
	list-style-type		: none;
	padding				: 0px 0 0 40px;
	margin				: 10px 0 0 0;
	text-align			: center;
	color				: #004b96;
	clear				: both;
	font-size			: 0.9em;
}
body #container #hometext ul.navigatie
{
	padding				: 10px 20px 20xp 60px;
}
ul.navigatie li span, ul.navigatie a, ul.navigatie li.totaal
{
	padding				: 0px 2px;
}
ul.navigatie li span
{
	color				: #4d4d4d;
}
ul.navigatie a
{
	text-decoration		: none;
	color				: #004b96;
}
ul.navigatie a:hover
{
	background-color	: #004b96;
	color				: #f7f7f7;
}
ul.navigatie li
{
	display				: inline;
}
ul.navigatie li.totaal
{
	position			: relative;
	float				: right;
}
ul.navigatie li span.selected
{
	background-color	: #4d4d4d;
	color				: #f7f7f7;
}

/* contact */
#contact dt
{
	float				: left;
	width				: 140px;
	line-height			: 2.2em;
}
#contact dd
{
	margin-left			: 150px;
	line-height			: 2.2em;
}
#contact #bericht
{
	width				: 400px;
	height				: 150px;
}