@charset "utf-8";
			body,
			html {
				margin: 0;
				padding: 0;
				text-align: center;
				/*overflow-x: hidden;*/
				}
			body,
			p,
			td {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #4b5152;
				line-height: 1.5em;
				}
			img {
				border: 0;
				}
			h1 {
				font-size: 11px;
				color: #d2352f;
				margin-top: 0;
				margin-bottom: 0;
				}
			body#home h1 {
				margin-bottom: 1.5em;
				}
			h2 {
				font-size: 11px;
				color: #d2352f;
				margin: 0;
				}
			h3 {
				font-size: 11px;
				margin: 0 0 1.5em 0;
				}
			p {
				margin: 0;
				}
			td {
				vertical-align: top;
				}
			div#container {
				margin: 66px auto 0 auto;
				width: 830px;
				/*height: 510px;*/
				height: 530px;
				text-align: left;
				position: relative;
				overflow: hidden;
				}
			div#header,
			div#headerkaart {
				padding-left: 12px;
				position: relative;
				height: 87px;
				}
			div#headerkaart {
				height: 60px;
				}
			div#header ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
				position: absolute;
				bottom: 12px;
				/*right: 14px;*/
				left: 440px;
				}
			div#header li {
				font-size: 11px;
				font-weight: bold;
				float: left;
				margin-right: 27px;
				height: 11px;
				overflow: hidden;
				}
			div#header li.last {
				margin-right: 0;
				}
			div#header li a {
				display: block;
				text-decoration: none;
				color: #31434c;
				padding-top: 30px;
				/*
				padding-left: 11px;
				background: transparent url(../images/bullet_nav_off.gif) left center no-repeat;
				*/
				}
			div#header li a.current,
			div#header li a:hover {
				color: #d2352f;
				/*
				background-image: url(../images/bullet_nav_on.gif);
				*/
				}
			li#navhome {
				width: 42px;
				}
			li#navhome a {
				background: transparent url(../images/topnav_home_off.gif) top left no-repeat;
				}
			li#navhome a:hover,
			li#navhome a.current {
				background-image: url(../images/topnav_home_on.gif);
				}
			li#navburo {
				width: 58px;
				}
			li#navburo a {
				background: transparent url(../images/topnav_buro_off.gif) top left no-repeat;
				}
			li#navburo a:hover,
			li#navburo a.current {
				background-image: url(../images/topnav_buro_on.gif);
				}
			li#navproj {
				width: 63px;
				}
			li#navproj a {
				background: transparent url(../images/topnav_projecten_off.gif) top left no-repeat;
				}
			li#navproj a:hover,
			li#navproj a.current {
				background-image: url(../images/topnav_projecten_on.gif);
				}
			li#navnieuws {
				width: 50px;
				}
			li#navnieuws a {
				background: transparent url(../images/topnav_nieuws_off.gif) top left no-repeat;
				}
			li#navnieuws a:hover,
			li#navnieuws a.current {
				background-image: url(../images/topnav_nieuws_on.gif);
				}
			li#navcontact {
				width: 52px;
				}
			li#navcontact a {
				background: transparent url(../images/topnav_contact_off.gif) top left no-repeat;
				}
			li#navcontact a:hover,
			li#navcontact a.current {
				background-image: url(../images/topnav_contact_on.gif);
				}
			div#viewport {
				float: left;
				display: inline;
				margin-left: 12px;
				width: 403px;
				height: 403px;
				overflow: hidden;
				position: relative;
				}
			div#beeld {
				position: absolute;
				top: 0;
				left: 0;
				}
			div#beeld td {
				height: 403px;
				padding-right: 3px;
				}
			div#beeld td.last {
				padding-right: 0;
				}
			div#beeld img {
				display: block;
				margin: 0 0 3px 0;
				}
			div#sliderDivBeeld {
				 position: absolute;
				 /*bottom: 1px;*/
				 bottom: 22px;
				 left: 0;
				 width: 427px;
				 height: 6px;
				 overflow: hidden;
				}
			div#sliderDivContent {
				 position: absolute;
				 top: 25px;
				 right: 0;
				 width: 6px;
				 height: 355px;
				 /*overflow: hidden;*/
				}
			
			div#tekst {
				float: right;
				width: 403px;
				display: inline;
				/*padding: 0 12px;*/
				height: 402px;
				border-top: 1px solid #535154;
				border-bottom: 1px solid #535154;
				position: relative;
				overflow: hidden;
				}
			div#tekst div#scrollcontent {
				margin: 25px 12px 0 12px;
				width: 379px;
				height: 355px;
				overflow: hidden;
				position: relative;
				}
			div#scrollcontent div#content {
				position: absolute;
				top: 0;
				left: 0;
				width: 379px;
				}
			div#content a {
				text-decoration: none;
				color: #d2352f;
				}
			div.newsblock {
				margin-bottom: 15px;
				}
			div.last {
				margin-bottom: 0;
				}
				
			body#kaart div#container {
				height: auto;
				overflow: visible;
				}

			body#home div#tekst table {
				height: 353px;
				}
			body#home div#tekst td {
				vertical-align: middle;
				}
			div.spacer {
				line-height: 0;
				margin: 0;
				padding: 0;
				clear: both;
				}

			div#subnavburo {
				position: absolute;
				top: 5px;
				left: 94px;
				width: 295px;
				}
			div#subnavproj {
				position: absolute;
				top: 5px;
				left: 180px;
				width: 210px;
				}
			div#subnavburo ul,
			div#subnavproj ul,
			ul#projectnavigation {
				list-style-type: none;
				margin: 0;
				padding: 0;
				}
			div#subnavburo li,
			div#subnavproj li {
				line-height: 1.7em;
				}
			ul#projectnavigation li {
				margin-bottom: 12px;
				line-height: 12px;
				}
			ul#projectnavigation li.last {
				margin-bottom: 0;
				}
			div#subnavburo a,
			div#subnavproj a,
			ul#projectnavigation a,
			div#tekst div.hoverlinks a {
				color: #31434c;
				text-decoration: none;
				}
			div#subnavburo a:hover,
			div#subnavproj a:hover,
			ul#projectnavigation a:hover,
			div#tekst div.hoverlinks a:hover {
				color: #d2352f;
				}
			
			/*
			div#breadcrumbs {
				position: absolute;
				bottom: 0;
				left: 440px;
				}
			*/
			div#breadcrumbs {
				clear: both;
				padding-top: 7px;
				margin-left: 440px;
				}
			div#headerkaart div#breadcrumbs {
				position: absolute;
				bottom: 5px;
				right: 0;
				/*left: auto;*/
				padding-top: 0;
				margin-left: 0;
				}
			div#breadcrumbs ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
				}
			div#breadcrumbs li {
				float: left;
				margin-right: 8px;
				}
			div#breadcrumbs a {
				display: block;
				text-decoration: none;
				color: #d2352f;
				padding-left: 11px;
				line-height: 12px;
				/*background: transparent url(../images/bullet_nav_on.gif) left center no-repeat;*/
				background: transparent url(../images/bullet_nav_on.gif) 0 4px no-repeat;
				}
			div#breadcrumbs a.first {
				padding-left: 0;
				background-image: none;
				}