/* 
	******************************
	***  0. Main	 		   ***
	******************************
*/
	html, body {
		height: 100%; 
		width: 100%;
		margin: 0; 
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
	}
	a { 
		text-decoration: none; 
		color: #FF5800; 
		font-weight:bold;
		text-decoration: underline; 
	}
	h1 { font-size: 11px; text-transform: uppercase; color: #FFFFFF; display: inline; }
	h2 { font-size: 11px; display:inline; color: #FFFFFF; }
	h3 { font-size: 10px; text-transform: uppercase; color: #FFFFFF; margin: 0px 0px -10px 0px;}
	
	p { font-size: 11px; }
	
	
	table.main {
		height: 100%;
		width: 100%;
	}
	table td.body {
		height: 100%;
		width: 960px;
		vertical-align: top;
	}
	table.body {
		height: 100%;
		width: 960px;
		vertical-align: top;
	}
	.bgshaleft {
		width: 20px;
		background: #320c14 url("/img/bgshaleft.gif") top no-repeat;
	}
	.bgsharight {
		width: 20px;
		background: #320c14 url("/img/bgsharight.gif") top no-repeat;
	}
	.bggradient {
		background: #320c14 url("/img/bggradient.gif") repeat-x;
	}

	li {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
	}

	a.rood:link,a.rood:visited, a.rood:hover, a.rood:hover
		{ 
		text-decoration: none; 
		color: #a9233e; 
		font-weight:bold;
		text-decoration: none; 
		font-size: 13px;
		text-align: center;
	}


/* 
	******************************
	***  1. Header	 		   ***
	******************************
*/	
	#outertop {
		position: absolute;
		top: 0;
		width: 960px;
		height: 108px;
		background-color: #999999;
	}
	#innertop {
		position: relative;
		height: 103px;
		margin: 5px 5px 0px 5px;
		padding-top: 5px;
		background-color: #FFFFFF;
	}
	#logo {
		position:relative;
		width: 121px;
		height: 83px;
		margin: 10px 0px 0px 15px;
	}
	#topmenu {
		position: absolute;
		right: 10px; top: 10px;
	}
	#headerimg {
		top: 115px;
		width: 960px;
		height: 110px;
	}
/* 
	******************************
	***  2. Navigation 		   ***
	******************************
*/
	#navcontainer-1 {
		position: relative;
		width: 960px;
		height: 53px;
		background: url("/img/bgmenu-1.jpg") no-repeat;
		z-index: 1;
	}
	#navcontainer-2 {
		position: relative;
		width: 960px;
		height: 53px;
		background: url("/img/bgmenu-2.jpg") no-repeat;
		z-index: 1;
	}
	#navcontainer-3 {
		position: relative;
		width: 960px;
		height: 53px;
		background: url("/img/bgmenu-3.jpg") no-repeat;
		z-index: 1;
	}
	#navcontainer-4 {
		position: relative;
		width: 960px;
		height: 53px;
		background: url("/img/bgmenu-4.jpg") no-repeat;
		z-index: 1;
	}
	#navcontainer-5 {
		position: relative;
		width: 960px;
		height: 53px;
		background: url("/img/bgmenu-5.jpg") no-repeat;
		z-index: 1;
	}
	#nav {
		position: absolute;
		right: 0px;
		bottom: -1px;
	}
	html>body #nav {
		bottom: 0px;
	}
	#nav td.mnuoff {
		font-size: 11px;
		vertical-align: middle;
		width: 127px;
		height: 19px;
		text-align: center;
		background: url("/img/btnmenu.gif") no-repeat;
	}
	#nav td.mnuon {
		font-size: 11px;
		vertical-align: middle;
		width: 127px;
		height: 19px;
		text-align: center;
		background-color: #ff5800;
	}
	#nav td a {
		color: #FFFFFF;
		text-decoration: none; 
	}
	.submnu {
		height: 119px;
		background:url("/img/mnupointer.gif") no-repeat;
		z-index: 99;
	}
	#submnu-empty {
		height: 8px;
		background:url("/img/mnu-active.gif") no-repeat;
		z-index: 99;
	}
	.submnu a {
		font-size: 11px;
		font-weight: normal;
		text-decoration: none; 
	}
	.submnu td {
		padding-top: 2px;
	}
	.submnuoff {
		color: #000000;
	}
	.submnuon {
		color: #FFFFFF;
	}
	.arrowon {
		width: 16px;
		background:url("/img/submnuarrow.gif") no-repeat;
	}
	.arrowoff {
		width: 16px;
		background:url("/img/empty.gif") no-repeat;
	}
/* 
	******************************
	***  3. Content 		   ***
	******************************
*/
	#container {
		width: 695px;
		vertical-align: top;
		background:url("/img/leftgradient.gif") no-repeat left;
	}
	#container .header {
		width: 689px;
		height: 17px;
		padding-top: 2px;
		padding-left: 26px;
		background-color: #a9233e;
	}
	html>body #container .header {
		width: 663px;
	}
	#container .content {
		width: 689px;
		padding-top: 15px;
		padding-left: 26px;
	}
	html>body #container .content {
		width: 663px;
	}
	#container .content img{
		margin-left: 20px;
	}
/* 
	******************************
	***  4. News	 		   ***
	******************************
*/
	#shortnews {
		width: 265px;
		vertical-align: top;
		background:url("/img/rightgradient.gif") no-repeat right;
	}
	
	#bewoners {
		width: 265px;
		padding-right: 10px;
		vertical-align: top;
		background:url("/img/rightgradient.gif") no-repeat right;
	}
	
	html>body #shortnews {
		width: 265px;
	}
	#shortnews .header {
		width: 265px;
		height: 17px;
		padding-top: 2px;
		padding-left: 15px;
		background-color: #b7b8b8;
	}
	html>body #shortnews .header {
		width: 250px;
	}
	#shortnews .content {
		width: 265px;
		padding: 10px 0px 0px 0px;
		background-color: #ff5800;
	}
	html>body #shortnews .content {
		width: 265px;
	}
	#shortnews .content h3 {
		margin-left: 15px;
	}
	#shortnews .content p {
		display: block;
		font-size: 10px;
		color: #FFFFFF;
		margin: 0px 15px 0px 15px;
		padding-bottom: 10px;
	}
	#shortnews .content img {
		float: right;
		margin-left: 5px;
		margin-right: 15px;
	}
	#shortnews .arrow {
		width: 265px;
		text-align: center; 
	}
	#shortnews #shortnewslink {
		background-color: #A9233E;
		width: 265px;
		height: 20px;
		color: #FFFFFF;
		font-size: 11px;
	}
	#shortnews #shortnewslink img {
		position: absolute;
		margin-left: -10px;
	}
	#shortnews #shortnewslink img {
		position: absolute;
		margin-left: 240px;
	}
	#shortnews #shortnewslink p {
		position: absolute;
		display: inline;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		margin-top: 2px;
		margin-left: 140px;
	}
/* 
	******************************
	***  5. Branche 		   ***
	******************************
*/
	#branche {
		position: relative;
		width: 171px;
		height: 147px;
	}
	#branche .arrow-red {
		width: 171px;
		height: 24px;
		position: absolute;
		text-align: center;
		background: url("/img/branchearrowred.gif") no-repeat;
	}
	#branche .arrow-orange {
		width: 171px;
		height: 24px;
		position: absolute;
		text-align: center;
		background: url("/img/branchearroworange.gif") no-repeat;
	}
	#branche .img {
		margin-top: 17px;
	}
	.branchetable {
		margin-left: 5px;
	}
/* 
	******************************
	***  6. News			   ***
	******************************
*/
	#news {
		position: relative;
		margin-left: 5px;
	}
	#news table {
		width: 684px;
		margin-top: 18px;
	}
	#news td.header {
		width: 684px;
		height: 17px;
		padding-top: 2px;
		padding-left: 21px;
		background-color: #a9233e;
	}
	#news td.body {
		width: 684px;
		height: 84px;
		background-color: #E4E4E4;
	}
	#news td.body img {
		margin-left: 10px;
		margin-right: 10px;
	}
	#news td.link {
		text-align: right;
	}
	#news td.link .more {
		width: 100px;
		height: 20px;
		background-color: #FF5800;
		text-align: center;
	}
	#newsdet {
		position: relative;
		margin-left: 0px;
	}
	#newsdet table {
		width: 684px;
		margin-top: 0px;
	}
	#newsdet .body {
		background-color: #E4E4E4;
		height: 240px;
	}	
	#newsdet .body p {
		margin-top: 15px;
		margin-left: 21px;
	}
	#newsdet .body img {
		margin-right: -5px;
		margin-left: 10px;
	}
	a#backoff {
		width: 192px;
		background:url("/img/btnbacktooverview.gif") no-repeat;
	}
/* 
	******************************
	***  7. Referenties		   ***
	******************************
*/
	#referenties { margin-left: 25px; }
	
	#referenties .title {
		height: 21px;
	}
	#referenties h2 {
		color: #a9233e;
		text-transform: uppercase;
	}
	#referenties td.orange {
		background-color: #ff5800;
		width: 11px;
	}
	#referenties td.orangesmall {
		background-color: #ff5800;
		width: 8px;
	}

span.ipsis-tag img
{
	position: relative;
	top: 2px;
}  


span.ipsis-tag
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-size: 11px; color: #676767; font-weight: normal;
}

span.ipsis-tag a
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-size: 11px; color: #676767; font-weight: normal; text-decoration: underline;
}
