html, body
{
	margin: 0;
	padding: 0;
	font-family:  Arial, 'Trebuchet Ms', Verdana, Tahoma;
	font-size: 12px;
	color: #52555c;
	background-color: white;
}

img
{
	border: 0;
}

/*link*/
a
{
	color: #7ab51e;
	text-decoration: none;
}

a:hover
{
	color: #50626c;
}

#topRight a
{
	color: #687a83;
	text-decoration: none;	
}

#topRight a:hover, #topRight a.active
{
	color: #7ab51e;	
}
#menu a
{
	color: #50626c;
	text-decoration: none;
}

#menu a:hover, #menu a.active
{
	color: #7ab51e;
}

#menu li a
{
	width: 142px;
	display: block;
}

#menu li ul li a
{
	width: 142px;
	display: block;
}

.boxFooter a, .boxList a
{
	color: #5b442c;
	text-decoration: none;	
}

.boxFooter a:hover, .boxList a:hover
{
	color: #7ab51e;
}

#footerMiddle a
{
	color: #543d27;
	text-decoration: none;	
}

#footerMiddle a:hover, #footerMiddle a.active
{
	color: #7ab51e;
}

#employee a
{
	color: #52555c;
	font-style: italic;
	text-decoration: none;	
}

#employee a:hover
{
	color: #7ab51e;
	text-decoration: none;	
}
/*end link*/

/*containers*/
#mainContainer
{
	float: left;
	width: 1000px;
	margin:0;
	padding: 0;
	background: url('../images/backgroundContent3.png') 0 135px no-repeat;
	min-height: 499px;
}

#topContainer
{
	float: left;
	width: 1000px;
	height: 135px;
	margin: 0;
	padding: 0;
}

#contentContainer
{
	float: left;
	width: 1000px;	
	margin: 0;
	padding: 0;
}

#footerContainer
{
	float: left;
	width: 1000px;
	height: 38px;
	margin: 0;
	padding: 0;
}
/*end containers*/

/*top*/
#topLeft
{
	float: left;
	width: 302px;
	height: 115px;
	margin: 0;
	padding: 9px 0 11px 43px;
}

#topMiddle
{
	float: left;
	width: 226px;
	height: 135px;
	margin: 0;
	margin-left: 199px;
	padding: 0;
}

#topRight
{
	float: left;
	width: 172px;
	height: 20px;
	margin: 0;
	padding: 115px 0 0 58px;
	font-size: 10px;
}

#topRight ul
{
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#topRight ul li
{
	float: left;
	margin: 0;
	padding: 0;
	display: block;
}
/*end top*/

/*content*/
#left
{
	float: left;
	width: 142px;
	margin: 0;
	padding: 19px 14px 0 42px;
}

#menu
{
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu li
{
	float: left;
	width: 142px;
	margin: 0;
	padding: 0;
	display: block;
	line-height: 26px;
	border-bottom: 1px solid #a4b7c1;
}

#menu li ul
{
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu li ul li
{
	float: left;
	width: 142px;
	margin: 0;
	padding: 0;
	padding-left: 0px;
	display: block;
	line-height: 26px;
	border-bottom: 0;
}

#menu li ul li img
{
	float: left;
	padding: 0;
	padding-top: 9px;
	margin: 0;
}

#middle
{
	float: left;
	width: 541px;
	margin: 0;
	padding: 0;
	padding-left: 16px;	
}

#header
{
	float: left;
	width: 539px;
	height: 169px;
	margin: 0;
	padding: 0;
	padding-bottom: 26px;
}

#header ul
{
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#header li
{
	float: left;
	margin: 0;
	padding: 0;
	display: block;
}

.pictureOverlay
{
	top: -201px;
}

#pictureOverlay
{
	float: left;
	width: 539px;
	height: 169px;
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 99; 
}

.pictureTitle
{
	float: left;
	width: 539px;
	height: 29px;
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 2;
	top:-166px;	
}

#contentTitle
{
	float: left;
	width: 539px;
	height: 51px;
	margin: 0;
	padding: 26px 0 45px 0;
}

#content
{
	float: left;
	width: 499px;
	margin: 0;
	padding: 0;
	padding-right: 40px;
	line-height: 18px;
}

#right
{
	float: left;
	width: 215px;
	margin: 0;
	padding: 0;
	padding-left: 15px;	
}

.boxSmall
{
	background: url('../images/boxRightSmall.jpg') no-repeat;
	float: left;
	width: 220px;
	height: 45px;
	margin: 0;
	padding: 0 10px 10px 0;	
}

.boxBig
{
	background: url('../images/boxRightBig.jpg') no-repeat;
	float: left;
	width: 229px;
	height: 147px;
	margin: 0;
	margin-top: 5px;
	padding: 0;
	padding-left: 1px;	
}

.boxText
{
	float: left;
	width: 190px;
	height: 91px;
	padding: 0;
	padding-left: 5px;
	margin: 0;
	font-size: 11px;
}

.boxList
{
	float: left;
	display:block;
	padding: 0;
	margin: 0;
}

.boxList ul
{
	float: left;
	padding: 0 0 12px 10px;
	margin: 0;
	list-style-type: none;
}

.boxList ul li
{
	padding: 0;
	margin: 0;
	line-height: 19px;
}

.boxList ul li img
{
	float: left;
	padding: 5px 1px 0 0;
	margin: 0;
}

.boxFooter
{
	float: left;
	width: 110px;
	padding-left: 116px;
	line-height: 18px;
	text-align: right;
}

.rightField
{
	float: left;
	border: 1px solid #8d8a86;
	width: 143px;
	height: 20px;
	text-align: center;
	margin-left: 55px;
}

.arrow
{
	float: left;
	padding: 5px 0 0 5px;
}

.left
{
	float:left;
}

.footer1
{
	padding-left: 27px;	
}

.news
{
	float: left;
	padding: 0;
	margin: 0;
	font-size: 11px;
}

.newsItem
{
	border-bottom: 1px solid #a4b7c1;
	padding-bottom: 20px;
	padding-top: 20px;
}

/* employee*/
#employee
{
	padding: 0;
	margin: 0;
	margin-bottom: 25px;
	border-bottom: 1px solid #a4b7c1;
}

#employee tr
{
	padding: 0;
	margin: 0;
}

.employeeCol1
{
	width: 97px;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.employeeCol2
{
	width: 392px;
	padding: 0;
	padding-left: 10px;
	margin: 0;
	vertical-align: top;
}

.employeeFooterRow1
{
	height: 55px;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

.employeeFooterRow2
{
	height: 45px;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

.employeeFootercol1
{
	margin: 0;
	padding: 0;	
	padding-right: 10px;
	vertical-align: bottom;
}

.employeeFootercol2
{
	margin: 0;
	padding: 0;	
	vertical-align: bottom;
}		

#employeeOverlay
{
	float: left;
	width: 97px;
	height: 136px;
	padding: 0;
	margin: 0;
	position: absolute;
	z-index: 1;
	left: 214px;
}
/*end employee*/

/* projecten*/
#projectOverview
{
	width: 530px;
	margin: 0;
	padding: 0;	
	border: 1px solid #a4b7c1;
	font-size:12px;
}

#projectOverview th
{
	color: #7ab51e;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 5px;	
}

#projectOverview tr
{
	margin: 0;
	padding: 0;	
}

#projectOverview td
{
	margin: 0;
	padding: 3px;
	border-top: 1px solid #a4b7c1;
	width:124px;
	vertical-align:top;
	font-size: 10px;
}

#projectOverview select
{
	background-color: #DDF0F9;
	border: 1px solid #000000;
	width:96px;
}

.column4 ul li
{
	list-style-image: url('images/arrow.png');
}

#projectItem
{
	margin: 0;
	padding: 0;
	margin-top: 15px;
}

#projectItem th
{
	width: 180px;
	color: #5b442c;
	font-weight: bold;
 	font-style: italic;
	text-align: left;
	margin: 0;
	padding: 0;	
	vertical-align: top;
}

#projectItem tr
{
	margin: 0;
	padding: 0;	
}

#projectItem td
{
	font-weight: bold;
	margin: 0;
	padding: 0;	
}

#projectItem ul
{
	float: left;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	list-style-type: none;
} 

#projectItem ul li
{
	float: left;
	margin: 0;
	padding: 0;
	padding-right: 10px;
	display: block;
} 

#print
{
	float: right;
	width: 499px;
}
/* end projecten*/
/*end content*/

/*footer*/
#footerLeft
{
	float: left;
	width: 198px;
	margin: 0;
	padding: 0;
}

#footerLeft ul
{
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;	
}

#footerLeft ul li
{
	float: left;
	margin: 0;
	padding: 9px 0 0 19px;
	display: block;	
}

#footerMiddle
{
	float: left;
	margin: 0;
	padding: 25px 0 0 16px;
	font-size: 9px;
}

#footerMiddle ul
{
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;	
}

#footerMiddle ul li
{
	float: left;
	height: 7px;
	margin: 0;
	display: block;
	vertical-align: middle;
}
/*end footer*/

/*titels*/
h1, h2, h3, h4, h5
{
	font-family:  Arial, 'Trebuchet Ms', Verdana, Tahoma;
	padding: 0;
	margin: 0;
}

h1
{
	color: #7ab51e;
	font-size: 28px;
	line-height: 20px;
	font-weight: normal;
}

#content h2
{
	color: #7ab51e;
	font-size: 14px;
	font-weight: normal;	
}

.boxSmall h2
{
	color: #7ab51e;
	font-size: 14px;
	font-weight: normal;
	padding: 10px 0 0 10px;	
}

.boxBig h2, .boxBigImg h2
{
	color: #7ab51e;
	font-size: 14px;
	font-weight: normal;
	padding: 10px 0 7px 10px;	
} 
 
h3
{
	color: #5b442c;
	font-size: 11px;
	font-weight: bold;
}

#projectItem h3
{
	color: #5b442c;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;	
	padding: 0;
	margin: 0;
}

h4
{
	color: #7ab51e;
	font-size: 16px;
	font-weight: normal;
	vertical-align: top;	
}

/*end titels*/

.prev, .next
{
	display: block;
	float:left;
	width: 70px;
}

.next
{
	float: right;
}

#subpages .select
{
	border:none;
	background-color: #DDF0F9;
	font-size:12px;
	font-weight:normal;
	width:220px;
	margin:0 70px 0 70px;
}

#projectOverview select
{
	border:none;
	background-color: #DDF0F9;
	font-size:12px;
	font-weight:normal;
}


#subpages .select .selected, #projectOverview .selected
{
	border: 1px solid #000000;
	font-weight:bold;
}
.selectsubs
{
	display:block;
	float:left;
	width:359px;	
}

.returnlink, .detaillink
{
	display:block; 
	float:left; 
	margin:10px 0
}

.detaillink
{
	margin: 0px;
}

.overviewimg
{
	padding: 0 0 10px;
	display: block;
	float: right;
}

/* tooltip */
#tooltip {
	position: absolute;
	z-index: 3000;
	padding: 5px;
	width: 200px;
	background:#ffffff;
	border: 1px solid #a4b7c1;
}

#tooltip h3, #tooltip div { 
	margin: 0;
	font-weight: normal;
	color: #000000;
}

#logo
{
	display: none;
}