html, body {
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 11px;
	color: #707173;
}
#container {
	position: relative;
	margin: 0 auto 0 auto;
	width: 934px;
}
/* ======================= TOP ============================================================= */

#top {
	margin:0;
	padding-top:38px;
	padding-bottom: 10px;
	width: 843px;
	position:fixed;
	top:0;
	_position:absolute;
 _top: expression( (( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	left:50%;
	margin-left:-422px;
	background-color:#FFF;
}
.containerHome #top {
	position:relative;
}
#main {
	margin-top:177px;
}
.containerHome #main {
	margin-top:10px !important;
}
#topleftnav {
	float: left;
	margin-top: 120px;
}
#topleftnav li {
	float: left;
	padding-right: 9px;
	background-image: url('../img/bg-topleftnav_item.gif');
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
#topleftnav li.last {
	background: transparent;
}
#topleftnav li a {
	color: #9c9e9f;
	text-decoration: none;
}
#topleftnav li a:hover {
	color: #58585a;
}
#logo {
	float: right;
	padding-bottom: 32px;
}

a#banner {
	position: absolute;
	left: 1px;
	top: 45px;
	display:block;
	color: #ac4b92;
	width:170px;
	height:56px;
	font-size:18px;
	padding:10px;
	text-decoration:none;
	line-height:1.1em;
	font-weight:bold;
	border:solid 6px #ac4b92;
}
a#banner:hover {
	color:#87cdd8;
	border:solid 6px #87cdd8;
}


/* ======================= BOTTOM ============================================================= */
#rechts {
	width:298px;
	height:89px;
	float:left;
}
#links {
	width:540px;
	height:50px;
	float:left;
	height: 89px;
	background: url(../gfx/pages/footer_back.jpg) top left;
}
#footer {
	clear:both;
	width: 842px;
	padding:0px 0px 0px 46px;
}
#bottom {
	float: left;
	margin: 0 46px 0 46px;
	padding-top: 13px;
	width: 842px;
	height: 78px;
}
#bottom div {
	zoom:1;
}
#bottom div.left {
	float: left;
	height: 78px;
	background-image: url('../img/bg-footer.gif');
}
#bottom div.right {
	float: left;
	position: relative;
	width: 100%; /* for IE 6 */
	width: 282px;
	height: 78px;
	font-size: 250%;
	color: #e3c100;
}
#links .online {
	width:225px;
	color: white;
	font-size: 18px;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #6d6e71;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 0px 1px 0px;
}
#links .online a:link, #links .online a:visited {
	color: #6d6e71;
	text-decoration: none;
}
#links .online a:hover {
	text-decoration: none;
	color: #87cdd7;
}
#bottom div.right .online {
	position: absolute;
	top: 0px;
	left: 0;
	width:225px;
	color: white;
	font-size: 18px;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #6d6e71;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 0px 0px 0px;
}
#bottom div.right .online a:link, #bottom div.right .online a:visited {
	color: #6d6e71;
	text-decoration: none;
}
#bottom div.right .online a:hover {
	text-decoration: none;
	color: #87cdd7;
}

.bottomLink{
	margin-bottom: 12px;
}
/* ======================= MISC ============================================================= */

.clearer {
	clear: both;
}
#mainCenter div.rowTall .title, #mainCenter div.rowShort .title, #mainCenter div.rowTall_vervolg .title, #mainCenter div.rowShort_vervolg .title {
	cursor:pointer;
	float: left;
	font-size: 200%;
	color: #ffffff;
	letter-spacing: 1px;
	text-decoration:none;
}
#mainCenter div.rowTall .title, #mainCenter div.rowShort .title, #mainCenter div.rowTall_vervolg .title, #mainCenter div.rowShort_vervolg .title {
	padding: 10px 13px;
	display:block;
	width: 176px;
	height: 70px;
	color: #ffffff;
}
#mainCenter .title {
	background-repeat:no-repeat;
}
#mainCenter div#row1 .title,
#mainCenter div#row1_vervolg .title {
	background-color: #e3c100;
	background-image: url(../gfx/site/wie-zijn-we.jpg);
}
#mainCenter div#row2 .title,
#mainCenter div#row2_vervolg .title {
	background-color: #87cdd8;
	background-image: url(../gfx/site/nieuws.jpg);
}
#mainCenter div#row3 .title,
#mainCenter div#row3_vervolg .title {
	background-color: #8a881d;
	background-image: url(../gfx/site/vacatures.jpg);
}
#mainCenter div#row4 .title,
#mainCenter div#row4_vervolg .title {
	background-color: #ac4d94;
	background-image: url(../gfx/site/referenties.jpg);
}
#mainCenter div#row5 .title,
#mainCenter div#row5_vervolg .title {
	background-color: #ee8254;
	background-image: url(../gfx/site/het-tiem.jpg);
}
#mainCenter div#row1 .title:hover,
#mainCenter div#row1_vervolg .title:hover {
	background-image: url(../gfx/site/wie-zijn-we1.jpg);
}
#mainCenter div#row2 .title:hover,
#mainCenter div#row2_vervolg .title:hover {
	background-image: url(../gfx/site/nieuws1.jpg);
}
#mainCenter div#row3 .title:hover,
#mainCenter div#row3_vervolg .title:hover {
	background-image: url(../gfx/site/vacatures1.jpg);
}
#mainCenter div#row4 .title:hover,
#mainCenter div#row4_vervolg .title:hover {
	background-image: url(../gfx/site/referenties1.jpg);
}
#mainCenter div#row5 .title:hover,
#mainCenter div#row5_vervolg .title:hover {
	background-image: url(../gfx/site/het-tiem1.jpg);
}
.nieuwsItem {
	margin:0px 0px 15px 0px;
}
.referentieItem a:link, .referentieItem a:visited {
	text-decoration: none;

}

