/* Design & Code (c) ABOVO Media */
html, body { 
	height			: 100%;
	padding			: 0; 
	margin			: 0; 
}

body {
	font			: normal 12px "Verdana", "Arial", sans-serif;
	background		: #f7f7f7 url('../_images/background.gif') repeat-x top left;
	color			: #4c4a4b; 
}	

#wrapper {
	margin			: 0 auto;
	width			: 100%;
	min-height		: 100%;
}

	* html #wrapper {
		height			: 100%;
	}

#top {
	float			: left;
	width			: 100%;
	height			: 225px;
	background		: transparent;
}

	#top #header {
		margin				: 0 auto;
		width				: 920px;
		height				: 225px;
		background-position	: bottom right;
		background-repeat	: no-repeat;
		padding				: 0 15px;
		position			: relative;
	}

		#top #header #breadcrums {
			float			: left;
			height			: 26px;
			padding			: 10px 0 0 0;
		}

		#top #header #search {
			float			: right;
			height			: 28px;
			padding			: 8px 0 0 75px;
			background		: transparent url('../_images/search_background.gif') no-repeat left;
		}

			#top #header #search img {
				cursor			: pointer;
				vertical-align	: middle;
			}

		#top #header #logo {
			float			: left;
			width			: 100%;
			height			: 115px;
			padding			: 39px 0 0 0;	
		}

		#top #header #menu {
			float			: left;
			margin			: 0 auto;
			height			: 35px;
			text-align		: center;
			padding			: 0 0 0 143px;
		}

			#top #header #menu #menu_left, #top #header #menu #menu_right {
				float			: left;
				width			: 10px;
				height			: 35px;
				background		: transparent url('../_images/menu_left.png') no-repeat top left;
			}

			#top #header #menu #menu_right {
				background-image: url('../_images/menu_right.png');
			}

			#top #header #menu #menu_middle {
				float			: left;
				height			: 35px;
				background-color: #143f91;
			}
		
		#top #header #date {
			position		: absolute;
			right			: 0px;
			bottom			: 0px;
			height			: 35px;
			width			: 93px;
			text-align		: center;
			background		: transparent url('../_images/date_bg.png') no-repeat top left;
			margin-right	: 15px;
			color			: #FFFFFF;
		}
		
			#top #header #date div {
				padding-top	: 6px;
			}
		
			#top #header #date .day {
				font-size	: 19px;
				font-weight	: bold;
			}
			
			#top #header #date .month {
				font-size	: 17px;
			}

#submenu {
	float			: left;
	width			: 100%;
	height			: 32px;
	background-color: #f68b1e;
	text-align		: center;
	margin			: 5px 0 0 0;
}

#vlaggen {
	margin: -20px 180px 0 0;
	float: right;
}

	#vlaggen .vlag {
	
	}

#main {
	margin			: 0 auto;
	width			: 920px;
	height			: auto;
}

	#main #left {
		float			: left;
		width			: 433px;
		padding			: 20px 0 30px 0;
		margin			: 0 0 116px 0;
	}

		#wide #main #left {
			width			: 593px;
		}

		#main #left #news {
				float				: left;
				margin			: 0px 0 0 0;
		}

			#main #left #news .item {
				float			: left;
				border-bottom	: 1px solid #dedede;
				padding			: 5px 0;
				margin			: 0 0 5px 0;
			} 

		#main #left #details table {
			margin			: 10px 0 15px 0;
		}

			#main #left #details table td {
				padding			: 4px 0;
			}

	#main #right {
		float			: left;
		width			: 462px;
		padding			: 20px 0 30px 0;
		margin			: 0 0 116px 25px;
	}

		#wide #main #right {
			width			: 302px;
		}

		#main #right #producten { }

			#main #right #producten .product, 
			#main #right #producten .product-first, 
			#main #right #producten .product-last {
				position		: relative;
				width			: 462px;
				height			: 123px;
				margin			: 0 0 5px 0;
				background-color: #143f91;
				cursor			: pointer;
			}

			#main #right #producten .product-first {
				background		: #143f91 url('../_images/product_first.gif') no-repeat top right;
			}

			#main #right #producten .product-last {
				background		: #143f91 url('../_images/product_last.gif') no-repeat bottom right;
			}		

		#main #right #producten img {
			width			: 295px;
			height			: 123px;
			float			: left;
			margin			: 0 9px 0 0;
		}

		#main #right #producten .hover {
			display			: none;
			position		: absolute;
			width			: 36px;
			height			: 32px;
			top				: 46px;
			left			: 25px;
			background		: transparent url('../_images/product_hover.png') no-repeat top left;
		}

		#main #right #producten div:hover .hover {
			display			: block;
		}

		#main #right #product {
			width			: 462px;
			height			: 151px;
			margin			: 0 0 20px 0;
			background		: #143f91 url('../_images/product_background.gif') no-repeat top right;
		}

			#main #right #product img {
				width			: 295px;
				height			: 151px;
				float			: left;
				margin			: 0 9px 0 0;
			}

		#main #right #projecten {
			position		: relative;
		}

		#main #right #vtrack {
			position		: relative;
			float			: left;
			width			: 11px;
			height			: 291px;
			margin			: 5px 10px 0 3px;
			background		: transparent url('../_images/vtrack.gif') repeat-y top left;
		}

			#main #right #vtrack #vhandler {
				position		: absolute;
				width			: 11px;
				height			: 35px;
				cursor			: move;
				background		: transparent url('../_images/vhandler.png') no-repeat top left;
			}

		#main #right #project {
			float			: left;
			height			: 291px;
			overflow		: hidden;
			margin			: 5px 0 0 0;
		}

			#main #right #project .project {
				width			: 438px;
				padding			: 0 0 11px 0;
				margin			: 0 0 10px 0;
				cursor			: pointer;
				border-bottom	: 1px solid #dedede;
			}

			#main #right #project .project img {
				margin			: 0 12px 0 0;
				float			: left;
				width			: 118px;
				height			: 88px;
				border			: 1px solid #a0a0a0;
			}

			#main #right #project .project td {
				padding			: 4px 0;
			}

		#main #right #image {
			position		: relative;
			width			: 100%;			
		}

			#main #right #image img {
				border			: 5px solid #d7d5d6;
				width			: 452px;
				height			: 340px;
			}

			#main #right #image #previmg {
				display			: none;
				position		: absolute;
				top				: 0;
				left			: 5px;
				width			: 60px;
				height			: 350px;
				cursor			: pointer;
				background		: transparent url('_images/spacer.gif') repeat top left;
			}

			#main #right #image #nextimg {
				display			: none;
				position		: absolute;
				top				: 0;
				right			: 5px;
				width			: 60px;
				height			: 350px;
				cursor			: pointer;
				background		: transparent url('_images/spacer.gif') repeat top left;
			}

			#main #right #image #prevhover, #main #right #image #nexthover {
				margin			: 140px 0 0 0;
				display			: none;
				width			: 60px;
				height			: 60px;
				background		: transparent url('../_images/previmg.png') no-repeat left;
			}

			#main #right #image #nexthover {
				background		: transparent url('../_images/nextimg.png') no-repeat right;
			}

		#main #right #images {
			width			: 462px;
			height			: 78px;
			overflow		: hidden;
			white-space		: nowrap;
			margin			: 10px 0;
		}

			#main #right #images img {
				border			: 3px solid #d7d5d6;
				margin			: 0 10px 0 0;
				width			: 99px;
				height			: 72px;
			}

				#main #right #images img.last {
					margin			: 0;
				}

		#main #right #htrack {
			width			: 100%;
			height			: 11px;
			background		: transparent url('../_images/htrack.gif') repeat-x top left;
		}

			#main #right #htrack #hhandler {
				width			: 35px;	
				height			: 11px;
				cursor			: move;
				background		: transparent url('../_images/hhandler.gif') no-repeat top right;
			}

		#main #right .block {
			padding			: 15px;
			border			: 1px solid #e4e2e3;
			background-color: #ededed;
			margin-bottom:20px;
		}

	#main #aanbod, #main #portfolio {
		float			: left;
		width			: 100%;
		margin			: -116px 0 116px 0;
		padding			: 0 0 40px 0;
	}

		#main #aanbod .aanbod-left, #main #aanbod .aanbod-right {
			cursor			: pointer;
			float			: left;
			width			: 440px;
			border-bottom	: 1px solid #dedede;
			padding			: 0 0 20px 0;
			margin			: 0 40px 13px 0;
		}

		#main #aanbod .aanbod-right {
			margin-right	: 0;
		}

		#main #aanbod .object img {
			width			: 118px;
			height			: 88px;
			border			: 1px solid #a5a5a5;
			float			: left;
			margin			: 0 16px 0 0;
		}

		#main #aanbod .aanbod-left table, #main #aanbod .aanbod-right table {
			margin			: 2px 0 0 0;
		}

		#main #aanbod .object td {
			padding			: 4px 0;
		}

	#main #portfolio { 
		width			: 920px;
		position		: relative;
	}

		#main #portfolio #prev {
			top				: 0;
			left			: 0;
			position		: absolute;
			width			: 30px;
			height			: 278px;
			cursor			: pointer;
			background		: transparent url('../_images/prev.gif') no-repeat left;
		}

		#main #portfolio #next {
			top				: 0;
			right			: 0;
			position		: absolute;
			width			: 30px;
			height			: 278px;
			cursor			: pointer;
			background		: transparent url('../_images/next.gif') no-repeat right;
		}

		#main #portfolio #cases {
			margin			: 0 0 0 50px;
			width			: 825px;
			position		: relative;
			overflow		: hidden;
		}

			#main #portfolio #cases #case {	
				overflow		: hidden;
				margin			: 0px auto;
				position		: relative; 
			}

				#main #portfolio #cases #case ul {
					width			: 10000000px;
					position		: relative;
					z-index			: 1;
				}

				#main #portfolio #cases #case ul li {
					float			: left;
					list-style		: none;
					overflow		: hidden;
					border			: 1px solid #e2e2e2;
					background-color: #ededed;
					padding			: 8px;
					cursor			: pointer;
					margin			: 0 30px 0 0;
					width			: 230px;
					height			: 295px;			
				}

				#main #portfolio #cases #case ul li img {
					width			: 229px;
					height			: 171px;
					margin			: 0 0 10px 0;
				}

				#main #portfolio #cases #case ul li td {
					padding			: 4px 0;
					line-height		: 15px; 
				}

.list {
	float			: left;
	width			: 196px;
	margin			: 15px 0 0 0;
}

	#toepassingen {
		margin-right	: 41px;
	}

#footer {
	position		: relative;
	margin			: -116px 0 0 0 !important;
	width			: 100%;
	min-width		: 920px;
	background		: transparent url('../_images/footer_background.gif') repeat-x top left;
	height			: 100px;
	padding			: 16px 0 0 0;
}

	#footer #container {
		position		: absolute;
		width			: 100%;
	}

		#footer #container #center {
			width			: 1000px;
			margin			: 0 auto;
			position		: relative;
		}

	#footer #tekoop, #footer #vacatures,
	#footer #nieuwsbrief, #footer #contact {
		float			: left;
	}

	#footer #vacatures {
		/*margin			: 0 20px 0 0;*/
	}

	#footer #nieuwsbrief {
		/*margin			: 0 20px 0 0;*/
	}

		#footer #nieuwsbrief img {
			vertical-align	: middle;
		}
	

	#footer .bar {
		float			: left;
		width			: 11px;
		height			: 82px;
		margin			: 0 18px;
		background		: transparent url('../_images/footer_bar.gif') repeat-y center;
	}
	
/* Headings H1-H6 */
h1 { }

	#main h1, #main h2.blue {
		color			: #153f91;
		font-size		: 19px;
		border-bottom	: 1px solid #dedede;
		padding			: 0 0 5px 0;
		margin			: 0 0 5px 0;
	}
	
	#main h2.banner {
		width: 463px;
		font-size		: 2px;
		border-bottom	: 1px solid #dedede;
		padding			: 0 0 5px 0;
		margin			: 0 0 5px 0;
		margin-bottom	:20px;
	}
	
	#main h2 {
		color			: #153f91;
		font-size		: 11px;
		border-bottom	: 1px solid #dedede;
		padding			: 0 0 5px 0;
		margin			: 0 0 5px 0;
	}

h2 { }

	#producten h2, #product h2 {
		float			: left;
		color			: #fff;
		font-size		: 14px;
		border-bottom	: 1px solid #375ca1;
		padding			: 10px 0 6px 0;
		margin			: 0 10px 7px 0;
		width			: 145px;
	}

	#product h2 {
		padding			: 9px 0 10px 0;
		margin			: 0 10px 0 0;
	}
	
	#product h2.last {
		margin-bottom	: 0;
		padding-bottom	: 0;
		border			: 0;
		width			: 146px;
	}

	.block h2 {
		color			: #153f91;
		border-bottom	: 1px solid #e2e2e2;
		padding			: 0 0 7px 0;
		margin			: 0 0 10px 0;
		font-size		: 17px;
	}

h3 { }

	#news h3 {
		float			: left;
		margin			: 2px 0 0 10px;
		font-weight		: bold;
	}

	#aanbod h3, #portfolio h3 {
		color			: #153f91;
		font-size		: 15px;
		margin			: 0 0 10px 0;
	}

h4 { }

	#footer h4 {
		color			: #504d4d;
		font-size		: 17px;
		margin			: 0 0 10px 0;
	}

	h5 {
		font-weight		: bold;
		font-size		: 12px;
		padding			: 2px 0 0 0;
		margin			: 0 0 10px 0;
	}

h6 { }


/* Paragraph and Link Styles */
p { }

	#main p {
		line-height		: 19px;
		padding			: 0 0 12px 0;
	}

	#news p {
		float			: left;
		padding			: 3px 0 5px 69px;
	}

	#news p.date {
		float			: left;
		width			: 55px;
		height			: 19px;
		color			: #fff;
		padding			: 0 0 0 4px;
		margin			: 0;
		font-weight		: bold;
		font-size		: 10px;
		background		: transparent url('../_images/news_date.gif') no-repeat top left;
	}
	#main p.date {
		width			: 55px;
		height			: 19px;
		color			: #fff;
		padding			: 0 0 0 4px;
		margin			: 0px 0px 5px 0px;
		font-weight		: bold;
		font-size		: 10px;
		background		: transparent url('../_images/news_date.gif') no-repeat top left;			
	}
	
	#producten p {
		color			: #fff;
		line-height		: 16px;	
		padding			: 0 2px 0 0;
	}

	#footer p {
		line-height		: 16px;
	}

	#footer #contact p {
		line-height		: 17px;
	}

a { 
	/*color			: #f68b1e;*/
	color			: #153F91;
	text-decoration	: underline;
}

	a.seo
	{
		color					: #4c4a4b; 
		text-decoration	: none;		
	}
	
	a.seo:hover
	{
		text-decoration	: underline;		
	}

	#breadcrums a {
		text-decoration	: none;
	}

	#breadcrums a:hover {
		text-decoration	: underline;
	}

	#menu ul.main li a {
		color			: #fff;
		text-decoration	: none;
	}	
	#menu ul.main li a:hover {
		color			: #f68b1e;
		text-decoration	: none;
	}
	#menu ul.main li a.active {
		color			: #f68b1e;
		text-decoration	: none;
	}	
	ul.submain {
		margin-top:7px;
	}
	ul.submain li.submain, ul.submain li.active{
		display:inline;
		font-size:13px;
		padding:0px 10px;
	}
	#submenu ul.submain li.submain a {
		color			: #fff;
		text-decoration	: none;
	}

	#submenu ul.submain li.submain a:hover,  #submenu ul.submain li.submain a.active {
		color			: #143f91;
		text-decoration	: none;
	}
	ul.submain li.active a.active, ul.submain li.active a.active:visited {
		color: #143f91;
		text-decoration	: none;
	}
	#news h3 a {
		color			: #504d4d;
		text-decoration	: none;
	}

	#news h3 a:hover {
		color			: #f68b1e;
		text-decoration	: none;
	}
	.list ul li, .list ul {
		list-style-type: none;
		margin:0px;
		padding:0px;
	}
	.list ul li a {
		display			: block;
		padding			: 4px 0 0 30px;
		background		: transparent url('../_images/list_arrow.gif') no-repeat left;
		margin			: 0 0 0 8px;
		height			: 19px;
		color			: #504d4d;
		text-decoration	: none;
		font-weight		: bold;
	}

	.list ul li a:hover {
		/*color			: #f68b1e;*/
		color			: #153F91;
	}
	#right h2 {
		font-weight: bold;
	}
	#right h2 a {
		text-decoration	: none;
		color			: #fff;
	}

	#right h2 a:hover {
		color			: #f68b1e;
	}

	#right #producten div:hover h2 a, #right #product h2 a.active {
		color			: #f68b1e;		
	}

	h5 a {
		text-decoration	: none;
	}

	.project h5 a:hover, .project:hover h5 a {
		text-decoration	: underline;
	}

	a.more {
		position		: absolute;
		top				: 8px;
		right			: 5px;
		color			: #4c4a4b;
		text-decoration	: none;
		padding			: 0 8px 0 0;
		background		: transparent url('../_images/arrow.gif') no-repeat right;
	}

	a.more:hover {
		color			: #f68b1e;
	}

	#aanbod h3 a, #portfolio h3 a {
		color			: #153f91;
		text-decoration	: none;
	}
	
	#aanbod .aanbod-left:hover h3 a, #aanbod .aanbod-right:hover h3 a, #aanbod h3 a:hover,
	#portfolio li:hover h3 a, #portfolio h3 a:hover {
		text-decoration	: underline;
	}

	
/* Lists and Navigation */
ul, ol
{ 
	line-height: 18px;
	margin-left: 20px;
	margin-bottom: 10px;
}	

ul li 
{ 
	list-style-type: square;
}	

ol li 
{ 
	list-style-type: decimal;
}	

	#menu ul.main { 
	}

	#menu ul.main li { 
		float			: left;
		display			: block;
		font-size		: 13px;
		padding			: 10px 12px 0 12px;
		height			: 25px;
		background-color: #143f91;
	}

	#menu ul.main li.first {
		padding			: 10px 12px 0 22px;
		background		: transparent url('../_images/menu_left.png') no-repeat top left;
	}

	#menu ul.main li.last {
		padding			: 10px 22px 0 12px;
		background		: transparent url('../_images/menu_right.png') no-repeat top right;
	}

	#submenu ul.main { 
		padding			: 7px 0 0 0;
	}

	#submenu ul.main li { 
		display			: inline;
		font-size		: 13px;
		padding			: 0 10px;
	}

	.list ul { 
		margin-top	: -4px;
	}

	.list ul li { 
		padding			: 8px 0 9px 0;
		border-bottom	: 1px solid #dedede;
	}


/* Forms */
form { }

	#nieuwsbrief form {
		margin			: 5px 0 0 0;
	}

input { 
	font			: normal 12px "Verdana", "Arial", sans-serif;
	padding			: 2px;
	color			: #4c4a4b; 
}

	#search input, #nieuwsbrief input {
		border			: 1px solid #c1c1c1;
		padding			: 2px 3px 3px 3px;
		width			: 87px;
		vertical-align	: middle;
	}

	#nieuwsbrief input {
		width			: 145px;
	}
	
.createdate {
	display:block;
	font-size:8px;
	margin-top:20px;
	font-weight: bold;
}
.modifydate {
	display:block;
	font-size:10px;
	font-weight: bold;
}	

#contactForm td {
	padding:5px;
}
.clear {
	clear: both;
}
.object {
	cursor			: pointer;
	float			: left;
	width			: 420px;
	border-bottom	: 1px solid #dedede;
	padding			: 0 0 20px 0;
	margin			: 0 40px 13px 0;	
}
.imgLatestNews {
	float:left;
	margin:0px 5px 5px 0px;
}
.pagination {
	text-align:center;
}
.pagination table {
	margin: 0 auto;
}
.pagination table td {
	padding:2px;
}
#view_confirmSubscribeMessage, #view_loading, #view_rejectSubscribeMessage, #view_confirmUnsubscribeMessage, #view_rejectUnsubscribeMessage  {
	width: 145px;
}
#view_confirmSubscribeMessage p, #view_loading p, #view_rejectSubscribeMessage p, #view_confirmUnsubscribeMessage p, #view_rejectUnsubscribeMessage p {
	margin:0px 0px 3px 0px;
	padding:0px;
}
#nieuwsbrief div {
	margin: 0px;
	padding: 0px;
}

.highlight
{
	background-color		: yellow;	 
}

.styleswitch{
	position: absolute;
	z-index: 5;
   left: 12px;
   top: 200px;
   color:#FFFFFF;
}

.styleswitch img{
	cursor: pointer;
}