@import url( reset.css );

html {
	height:						100%;
	min-height:					100%;
}

body {
	height:						100%;
	min-height:					100%;
	text-align:					center;
	font-family:					Arial, Helvetica, sans-serif;
	font-size:					12px;
	line-height:					16px;
	background-image:			url("../images/background.gif");
}

p{
	margin:						0px 0px 20px 0px;
	line-height:					16px;
}

h1{
	font-size:					22px;
	color:						#095db0;
	margin:						0px 0px 20px 0px;
}

h2{
	font-size:					13px;
	color:						#000000;
	font-weight:					bold;
}

h3 {
	font-size:					13px;
	font-weight:					bold;
	color:						#FFFFFF;
	line-height:					23px;
	padding-left:				42px;
	margin-bottom:				10px;
}

strong {
	font-weight:					bold;
}

em {
	font-style:				italic;
}

img.frame{
	border:					1px solid #095db0;
	margin:					0px 5px 0px 0px;
}
.thumb{
	height:						80px;
}

.clear {
	clear:						both;
}
.footerClear{
	clear:						both;
	line-height:					167px;
}

div#content a:link, a:active, a:visited{
	color:						#2372B9;
}
div#content a:hover{
	color:						#FD6000;
}

/* -------------------------------------------------------- container */
div#container {
	min-height:					100%;
	height:						auto;
	width:						966px;
	margin-left:					auto;
	margin-right:					auto;
	margin-bottom:					-167px;

	position:					relative;
	
	padding:					0px 10px 0px 10px;
	
	background-image:				url('../images/container_bg.gif');
	background-repeat:				repeat-y;
}

/* -------------------------------------------------------- top */
div#top {
	position:					relative;
	float:						left;
	width:						908px;
	height:						22px;
	padding:					12px 24px 0px 34px;
	background-color:			#FFFFFF;
}

span#home {
	float:						left;
	display:						block;
}

span#home a {
	color:						#2372b9;
	text-decoration:				none;
}

ul#language li {
	float:						right;
	margin-left:					10px;
}

ul#language img {
	float:						left;
	display:						block;
	padding-right:				4px;
}

ul#language li a {
	color:						#2372b9;
	text-decoration:				none;
}

img.mainImage{
	width:						480px;
}

/* -------------------------------------------------------- menu */
div#menu {
	position:					relative;
	float:						left;
	width:						966px;
	height:						183px;
	background-repeat:			no-repeat;
	background-position:		bottom center;
}

/* -------------------------------------------------------- sidebar-left */
img#sidebar_left {
	position:					relative;
	float:						left;
	width:						110px;
	height:						310px;
}

/* -------------------------------------------------------- breadcrumbs */
div#breadcrumbs {
	position:					relative;
	float:						left;
	padding:					0px 30px 0px 30px;
	width:						489px;
	height:						25px;
}

a.crumb {
	text-decoration:				none;
	color:						#2372b9;
	margin:						0px 5px 0px 0px;
}

img.crumb_img {
	padding-right:					5px;
}

/* -------------------------------------------------------- content */
div#contentHolder{
	padding-bottom:					167px;
}

div#content {
	float:						left;
	position:					relative;
	padding:					0px 30px 0px 30px;
	height:						auto;
	width:						489px;
	background-color:				#FFFFFF;
}

div#content ul {
	padding:					0px 0px 20px 20px;
}
div#content ul li {
	line-height:					16px;
	list-style-image:				url('../images/bullet.gif');
}

/* -------------------------------------------------------- sidebar-right */
div#sidebar_right {
	position:					relative;
	float:						right;
	width:						307px;
	height:						auto;
}

img.sidebar_pict {
	float:						left;
	width:						100px;
	max-height:					65px;
}

p.sidebar_text {
	float:						right;
	width:						164px;
	height:						84px;
	padding:					0px 16px 5px 16px;
	overflow:					hidden;
}
 p.sidebar_text p{
	padding:0px;
	margin:0px;
 }


p.datum {
	float:						left;
	font-weight:					bold;
	padding-top:				4px;
	color:						#FFFFFF;
}

div#news {
	float:						left;
	position:					relative;
	width:						296px;
	height:						121px;
	padding-left:					11px;
	background-image:				url('../images/nieuws.jpg');
	background-repeat:				no-repeat;
}

div#news a:link, a:visited, a:active{
	color:						#000000;
	text-decoration:				none;
	cursor:						pointer;
}

div#projects {
	float:						left;
	position:					relative;
	width:						296px;
	height:						123px;
	padding-left:					11px;
	background-image:				url('../images/projecten.jpg');
	background-repeat:				no-repeat;
}
div#projects a:link, a:visited, a:active{
	color:						#000000;
	text-decoration:				none;
	cursor:						pointer;
}

div#meer_projecten {
	float:						left;
	width:						307px;
	height:						20px;
	background-image:			url('../images/meer_projecten.jpg');
}

a#link_meer_projecten {
	text-decoration:				none;
	font-weight:					bold;
	line-height:					20px;
	color:						#2372b9;
	padding-left:				11px;
}

div#vacatures {
	float:						left;
	position:					relative;
	width:						307px;
	height:						auto;
	background-image:			url('../images/vacatures.gif');
	background-repeat:			no-repeat;
}

div#vacatures h3 {
	padding-left:				53px;
	height:25px;
	margin-bottom:				0px;
}

div#vacatures ul#vacature_list li {
	width:						307px;
	height:						27px;
	border-bottom:				1px solid #FFFFFF;
}

div#vacatures ul#vacature_list a {
	display:					block;
	width:						249px;
	height:						24px;
	line-height:					24px;
	text-decoration:				none;
	color:						#000000;
	padding-left:					53px;
	margin:						3px 0px 0px 3px;
	background-image:				url('../images/li_pijlen.gif');
	background-repeat:				no-repeat;
	background-position:				10px 5px;
}

div#vacatures ul#vacature_list a:hover {
	background-color:			#e4ac2f;
}

/* -------------------------------------------------------- submenus */
div#rightmenu {
	float:						left;
	width:						307px;
	min-height:					300px;
	background-image:			url('../images/submenu_bg.jpg');
}

div#rightmenu h3 {
	padding-left:				53px;
	margin-bottom:				0px;
	background-image:			url('../images/nieuws.jpg');
	border-bottom:				1px solid #FFFFFF;
}

div#rightmenu ul#rightmenu_list li{
	width:						307px;
	min-height:					24px;
	border-bottom:				1px solid #FFFFFF;
}

div#rightmenu ul#rightmenu_list a{
	display:						block;
	width:						249px;
	min-height:					24px;
	line-height:					24px;
	text-decoration:				none;
	color:						#000000;
	padding-left:				53px;
	margin:						3px 0px 3px 3px;
	background-image:			url('../images/li_pijlen.gif');
	background-repeat:			no-repeat;
	background-position:		10px 5px;
}
div#rightmenu ul#rightmenu_list a:hover{
	background-color:			#e4ac2f;
}


/* -------------------------------------------------------- footer */
div#footer {
	width:						986px;
	height:						167px;
	position:					relative;
	padding:					0px 0px 0px 20px;
	margin-left:					auto;
	margin-right:					auto;
}

div#footer img {
	float:						left;
	display:					block;
	margin-left:					110px;
}

div#footer_bar {
	float:						left;
	width:						966px;
	height:						16px;
	background-color:			#000000;
}

div#footer .last {
	border:						none;
}

ul#footer_naw {
	float:						left;
	padding-top:				2px;
	margin-left:					118px;
}

ul#footer_naw li {
	float:						left;
	color:						#feab23;
	font-size:					11px;
	height:						11px;
	line-height:					11px;
	padding:					0px 7px 0px 7px;
	border-right:				1px solid #333333;
}

ul#footer_menu {
	float:						right;
	padding-top:				2px;
	margin-right:				10px;
}

ul#footer_menu li {
	float:						left;
	height:						11px;
	line-height:					11px;
	padding:					0px 7px 0px 7px;
	border-left:					1px solid #FFFFFF;
}

ul#footer_menu li#sitemap {
	border:						none;
}

ul#footer_menu li a {
	font-size:					11px;
	color:						#feab23;
	text-decoration:				none;
}
ul#footer_menu li a:hover {
	color:						#FFFFFF;
}

div.footer_clearer {
	clear:						both;
	line-height:					167px;
}