html {
//	overflow-y: scroll;
}
html, body {
	color: #606060;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	background-color: #d8d8d8;
	background-image: url('../img/background.jpg');
	background-repeat: repeat-x;
	text-align: center;
	margin: 0;
	padding: 0;
	cursor: default;
}
td, th {
	color: #606060;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}
a {
	color: #606060;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
	min-width: 820px;
	margin: 0;
	text-align: center;
	padding: 0;
}
a img {
	border: 0;
}
a, a:link, a:visited, a:active, a:hover {
	color: #004e9f;	
	outline: none;
	text-decoration: none;
}
hr {
	height: 1px;
	border-style: none;
	color: #d0d0d0;
	background-color: #C0C0C0;
}

:focus {
  -moz-outline-style: none;
}

p {
	padding: 0px;
}

h1 {
	margin: 0;
	padding: 0px;
	color: #004e9f;
	font-size: 24px;
	line-height: 30px;
}
h2 {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	color: #004e9f;
	font-size: 14px;
	line-height: 22px;
}
h3 {
	margin: 0;
	padding: 0px;
	color: #ffffff;
	font-size: 24px;
	line-height: 30px;
}
h4 {
	padding-top: 0px;
	color: #BE2627;
	background-color: #ffffff;
	font-size: 12px;
}

ol {
	list-style: disc;
	margin: 0;
	padding: 0;
	margin-left: 2em;
}
ol li {
}

#content {
	display: block;
	position: relative;
    z-index: 30;
}

#navigatie-welkom {
	z-index: 10;
}

#bureauprofiel-navigatie-1 {
	display: block;
	position: absolute;
	width: 344px;
	height: 567px;
    top: 0px;
    left: 0px;
}
#bureauprofiel-navigatie-2 {
	display: block;
	position: absolute;
	width: 344px;
	height: 567px;
    top: 342px;
    left: 0px;
}
#bureauprofiel-text {
	display: block;
	width: 630px;
	height: 319px;
	background-image: url('../img/bureauprofiel-bg.jpg');
	top: 0px;
    left: 115px;
	position: absolute;
    padding-left: 25px;
    padding-top: 20px;
    padding-right: 25px;
    padding-bottom: 20px;
    text-align: justify;
	#width: 449px;
	#height: 339px;
}

#bureauprofiel-demensen-navigatie-1 {
	display: block;
	position: absolute;
	width: 341px;
	height: 341px;
    top: 0px;
    left: 0px;
}
#bureauprofiel-demensen-navigatie-2 {
	display: block;
	position: absolute;
	width: 794px;
	height: 226px;
    top: 344px;
    left: 0px;
}
#bureauprofiel-demensen-text {
	display: block;
	width: 399px;
	height: 299px;
	background-image: url('../img/bureauprofiel-demensen-bg.jpg');
	top: 0px;
    left: 345px;
	position: absolute;
    padding-left: 25px;
    padding-top: 20px;
    padding-right: 25px;
    padding-bottom: 20px;
    text-align: justify;
	#width: 449px;
	#height: 339px;
}

#bureauprofiel-demens-navigatie-1 {
	display: block;
	position: absolute;
	width: 111px;
	height: 340px;
    top: 114px;
    left: 0px;
}
#bureauprofiel-demens-navigatie-2 {
	display: block;
	position: absolute;
	width: 227px;
	height: 340px;
    top: 114px;
    left: 570px;
}
#bureauprofiel-demens-menu {
	display: block;
	position: absolute;
	width: 747px;
	height: 74px;
	background-image: url('../img/bureauprofiel-demens-menu-bg.jpg');
	top: 0px;
    left: 0px;
	position: absolute;
    padding-left: 25px;
    padding-top: 20px;
    padding-right: 25px;
    padding-bottom: 20px;
	#width: 449px;
	#height: 339px;
}
#bureauprofiel-demens-image {
	display: block;
	position: absolute;
	top: 114px;
    left: 116px;
	width: 448px;
	height: 339px;
	position: absolute;
}
#bureauprofiel-demens-text {
	display: block;
	position: absolute;
	width: 650px;
	height: 55px;
	background-image: url('../img/bureauprofiel-demens-bg.jpg');
	top: 458px;
    left: 0px;
    font-size: 22px;
    color: #ffffff;
	position: absolute;
    padding-left: 25px;
    padding-top: 36px;
    padding-right: 120px;
    padding-bottom: 20px;
    text-align: center;
	#width: 449px;
	#height: 339px;
}
#bureauprofiel-visie-navigatie {
	display: block;
	position: absolute;
	width: 226px;
	height: 568px;
    top: 0px;
    left: 0px;
}
#bureauprofiel-visie-text {
	display: block;
	width: 514px;
	height: 529px;
	background-image: url('../img/bureauprofiel-visie-bg.jpg');
	top: 0px;
    left: 229px;
	position: absolute;
    padding-left: 25px;
    padding-top: 20px;
    padding-right: 25px;
    padding-bottom: 20px;
    text-align: justify;
	#width: 449px;
	#height: 339px;
}
#bureauprofiel-visie-text .tagcloud {
	display: block;
	position: absolute;
	top: 350px;
	left: 0px;
	height: 220px;
    width: 560px;
}

#welkom {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -410px;
	width: 820px;
	text-align: left;
	clear: all;
}
#welkom-navigatie {
	display: block;
	position: absolute;
	width: 344px;
	height: 567px;
    top: 0px;
    left: 0px;
}
#welkom-text {
	display: block;
	position: absolute;
	width: 402px;
	height: 527px;
    top: 0px;
    left: 343px;
	background-image: url('../img/welkom-text-bg.jpg');
    padding-left: 25px;
    padding-top: 20px;
    padding-right: 25px;
    padding-bottom: 20px;
    text-align: justify;
	#width: 452px;
	#height: 567px;
}
#welkom-text .tagcloud {
	display: block;
	position: absolute;
	top: 350px;
	left: 0px;
	height: 220px;
    width: 452px;
}
#welkom-text .vlak {
	height: 475px;
    width: 410px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 10px;
}
#standaard-text {
	display: block;
	position: absolute;
	width: 402px;
	height: 527px;
    top: 0px;
    left: 343px;
	background-image: url('../img/welkom-text-bg.jpg');
    padding-left: 25px;
    padding-top: 20px;
    padding-right: 25px;
    padding-bottom: 20px;
    text-align: justify;
	#width: 452px;
	#height: 567px;
}
#actueel-text {
	display: block;
	position: absolute;
	width: 514px;
	height: 527px;
    top: 0px;
    left: 230px;
	background-image: url('../img/actueel-bg.jpg');
    padding-left: 25px;
    padding-top: 20px;
    padding-right: 25px;
    padding-bottom: 20px;
    text-align: justify;
	#width: 452px;
	#height: 567px;
}
#actueel-breed-text {
	display: block;
	position: absolute;
	width: 759px;
	height: 534px;
    top: 0px;
    left: 0px;
	background-image: url('../img/actueel-breed-text-bg.jpg');
    padding-left: 35px;
    padding-top: 15px;
    padding-right: 25px;
    padding-bottom: 20px;
    text-align: justify;
	#width: 452px;
	#height: 567px;
}
#contact {
	display: block;
	position: absolute;
	background-image: url('../img/contact-bg.jpg');
	left: 50%;
	margin-left: -410px;
	width: 794px;
	height: 566px;
	text-align: left;
	clear: all;
}
#contact-text {
	display: block;
	position: absolute;
    left: 10px;
    top: 15px;
    width: 251px;
    height: 100px;
	color: #004e9f;	
    text-align: justify;
}
#contact-adres {
	display: block;
	position: absolute;
    left: 296px;
    top: 488px;
    width: 480px;
    height: 75px;
	color: #004e9f;	
}
#projecten-zoekop-text {
	display: block;
	position: absolute;
	width: 402px;
	height: 482px;
    top: 0px;
    left: 343px;
	background-image: url('../img/welkom-text-bg.jpg');
    padding-left: 25px;
    padding-top: 65px;
    padding-right: 25px;
    padding-bottom: 20px;
    text-align: justify;
	#width: 452px;
	#height: 567px;
}
#projecten-text {
	display: block;
	position: absolute;
	width: 402px;
	height: 482px;
    top: 0px;
    left: 343px;
	background-image: url('../img/welkom-text-bg.jpg');
    padding-left: 25px;
    padding-top: 65px;
    padding-right: 25px;
    padding-bottom: 20px;
    text-align: justify;
	#width: 452px;
	#height: 567px;
}
#projecten-text .tagcloud {
	display: block;
	position: absolute;
	top: 350px;
	left: 0px;
	height: 220px;
    width: 560px;
}
#stedenbouw-text {
	display: block;
	position: absolute;
	width: 402px;
	height: 442px;
    top: 0px;
    left: 343px;
	background-image: url('../img/welkom-text-bg.jpg');
    padding-left: 25px;
    padding-top: 105px;
    padding-right: 25px;
    padding-bottom: 20px;
    text-align: justify;
	#width: 452px;
	#height: 567px;
}
#stedenbouw-text .tagcloud {
	display: block;
	position: absolute;
	top: 350px;
	left: 0px;
	height: 220px;
    width: 560px;
}
#architectuur-text {
	display: block;
	position: absolute;
	width: 402px;
	height: 442px;
    top: 0px;
    left: 343px;
	background-image: url('../img/welkom-text-bg.jpg');
    padding-left: 25px;
    padding-top: 105px;
    padding-right: 25px;
    padding-bottom: 20px;
    text-align: justify;
	#width: 452px;
	#height: 567px;
}
#architectuur-text .tagcloud {
	display: block;
	position: absolute;
	top: 350px;
	left: 0px;
	height: 220px;
    width: 560px;
}

#eGoogleMap__directions {
	display: block;
	position: absolute;
    left: 10px;
    top: 270px;
	width: 251px;
    height: 275px;
	color: #004e9f;
    overflow: auto;
    text-align: justify;
}
#eGoogleMap__form {
	display: block;
	position: absolute;
    left: 10px;
    top: 185px;
    width: 200px;
    height: 200px;
}
#eGoogleMap__form td {
	color: #004e9f;	
}

#eGoogleMap__map {
	display: block;
	position: absolute;
    left: 283px;
    top: 7px;
}

#header {
    width: 820px;
    height: 124px;
}

#logo {
	position: absolute;
	top: 80px;
	left: 0px;
	width: 130px;
	height: 29px;
}


#footer {
	position: absolute;
	top: 705px;
	left: 0px;
	width: 790px;
	height: 40px;
	font-size: 12px;
    text-align: right;
	clear: all;
	background-image: url('../img/stedenbouw-architectuur-advies.png');
	background-repeat: no-repeat;
}

#footer a {
	color: #606060;	
    text-decoration: none;
}
#footer a:hover {
	color: #004e9f;	
	outline: none;
}

#search_simple {
	position: absolute;
	left: 650px;
	top: 40px;
	width: 140px;
	height: 20px;
	background-image: url(../img/search-bg.jpg);
	background-repeat: no-repeat;
	padding: 2px;
}
#search_simple .search_term {
	position: absolute;
	color: #606060;
	border: 0;
	left: 22px;
	top: 3px;
	height: 14px;
	width: 101px;
	font-size: 10px;
}
#search_simple .search_button {
	position: absolute;
	color: #606060;
	border: 0;
	left: 125px;
	top: 0px;
	height: 22px;
	width: 17px;
	font-size: 10px;
}

.noborder {
	border: 0px;
}

#debug {
	position: absolute;
	margin: 0;
	display: none;
}


/*
 * menu
 */

.menu-basis {
	position: absolute;
	right: -20px;
	top: 90px;
}
.menu-basis ul {
	display: inline;
	list-style: none;
}
.menu-basis li {
	display: inline;
    border-right: 1px solid #606060;
    float: left;
    height: 15px;
    padding-right: 10px;
    margin-right: 10px;
}
.menu-basis li a {
	color: #606060;
}
.menu-basis li img {
	margin-left: 5px;
}
.menu-basis li a.menu-basis-current {
	color: #004e9f;
}
.menu-basis li a:hover {
	color: #004e9f;
}

.menu-actueel {
	display: block;
    height: 40px;
}
.menu-actueel ul {
	display: inline;
	list-style: none;
}
.menu-actueel li {
	display: inline;
    border-right: 1px solid #606060;
    float: left;
    height: 15px;
    padding-right: 10px;
    margin-right: 10px;
}
.menu-actueel li a {
	color: #606060;
}
.menu-actueel li img {
	margin-left: 5px;
}
.menu-actueel li a.menu-actueel-current {
	color: #004e9f;
}
.menu-actueel li a:hover {
	color: #004e9f;
}
 
.menu-bureauprofiel {
	display: block;
    height: 40px;
}
.menu-bureauprofiel ul {
	display: inline;
	list-style: none;
}
.menu-bureauprofiel li {
	display: inline;
    border-right: 1px solid #606060;
    float: left;
    height: 15px;
    padding-right: 10px;
    margin-right: 10px;
}
.menu-bureauprofiel li a {
	color: #606060;
}
.menu-bureauprofiel li img {
	margin-left: 5px;
}
.menu-bureauprofiel li a.menu-bureauprofiel-current {
	color: #004e9f;
}
.menu-bureauprofiel li a:hover {
	color: #004e9f;
}
 
.menu-projecten {
	display: block;
    position: absolute;
    width: 400px;
    top: 15px;
}
.menu-projecten ul {
	display: inline;
	list-style: none;
}
.menu-projecten li {
	display: inline;
    border-right: 1px solid #606060;
    float: left;
    height: 15px;
    padding-right: 10px;
    margin-right: 10px;
}
.menu-projecten li a {
	color: #606060;
}
.menu-projecten li img {
	margin-left: 5px;
}
.menu-projecten li a.menu-projecten-current {
	color: #004e9f;
}
.menu-projecten li a:hover {
	color: #004e9f;
}
 
.menu-project {
	display: block;
    position: absolute;
    left: -25px;
    top: -5px;
    width: 400px;
}
.menu-project ul {
	display: inline;
	list-style: none;
}
.menu-project li {
	display: inline;
    border-right: 1px solid #606060;
    float: left;
    height: 15px;
    padding-right: 10px;
    margin-right: 10px;
}
.menu-project li a {
	color: #606060;
}
.menu-project li img {
	margin-left: 5px;
}
.menu-project li a.menu-project-current {
	color: #004e9f;
}
.menu-project li a:hover {
	color: #004e9f;
}

.menu-architectuur {
	display: block;
    position: absolute;
    height: 40px;
    width: 400px;
    border-top: 1px solid #d5d5d5;
    padding-top: 5px;
    top: 35px;
}
.menu-architectuur ul {
	display: inline;
	list-style: none;
}

.menu-architectuur li {
	display: inline;
    border-right: 1px solid #606060;
    float: left;
    height: 15px;
    padding-right: 5px;
    margin-right: 5px;
}
.menu-architectuur li a {
	color: #606060;
}
.menu-architectuur li img {
	margin-left: 5px;
}
.menu-architectuur li a.menu-architectuur-current {
	color: #004e9f;
}
.menu-architectuur li a:hover {
	color: #004e9f;
}
 
.menu-stedenbouw {
	display: block;
    position: absolute;
    height: 40px;
    width: 400px;
    border-top: 1px solid #d5d5d5;
    padding-top: 5px;
    top: 35px;
}
.menu-stedenbouw ul {
	display: inline;
	list-style: none;
}

.menu-stedenbouw li {
	display: inline;
    border-right: 1px solid #606060;
    float: left;
    height: 15px;
    padding-right: 5px;
    margin-right: 5px;
}
.menu-stedenbouw li a {
	color: #606060;
}
.menu-stedenbouw li img {
	margin-left: 5px;
}
.menu-stedenbouw li a.menu-stedenbouw-current {
	color: #004e9f;
}
.menu-stedenbouw li a:hover {
	color: #004e9f;
}

/*
 * news
 */

.news-list {
	display: block;
    position: relative;
    top: 10px;
	width: 780px;
    height: 310px;
}

.news-list-item {
	display: block;
    position: relative;
	width: 310px;
    height: 90px;
    float: left;
    padding-right: 65px;
	font-size: 9px;
	line-height: 13px;
}

.news-list-image {
	display: block;
    position: absolute;
	width: 80px;
    height: 80px;
}

.news-list-title {
    position: absolute;
	display: block;
    top: 5px;
    left: 95px;
	width: 224px;
    height: 28px;
    overflow: hidden;
    float: left;
}
.news-list-title a {
	font-weight: bold;
	font-size: 9px;
	line-height: 13px;
}

.news-list-intro {
	display: block;
    position: absolute;
    top: 35px;
    left: 95px;
	width: 225px;
    height: 28px;
	font-size: 9px;
	line-height: 13px;
    overflow: hidden;
}

.news-list-more {
    position: absolute;
	display: block;
    top: 65px;
    left: 218px;
	width: 100px;
    text-align: right;
    height: 15px;
}

.news-list-more a {
	font-size: 9px;
	line-height: 13px;
	color: #606060;
    text-decoration: underline;
}

.news-archive {
	display: block;
    position: relative;
	width: 770px;
    height: 70px;
    overflow-x: hidden;
    overflow-y: auto;
}

.news-archive-item {
	display: block;
    position: relative;
	width: 310px;
    height: 15px;
    float: left;
    padding-right: 65px;
	font-size: 9px;
	line-height: 13px;
}

.news-archive-date {
    position: absolute;
	display: block;
	width: 80px;
    height: 15px;
}
.news-archive-date a {
	font-weight: bold;
	font-size: 9px;
	line-height: 13px;
	color: #606060;	
}

.news-archive-title {
	display: block;
    position: absolute;
    left: 80px;
	width: 150px;
    height: 15px;
    overflow: hidden;
    float: left;
}
.news-archive-title a {
	font-weight: bold;
	font-size: 9px;
	line-height: 13px;
	color: #606060;	
}

.news-item {
	display: block;
    position: relative;
	width: 405px;
    height: 440px;
    float: left;
	font-size: 9px;
	line-height: 13px;
}

.news-item-title {
	display: inline;
    position: relative;
	font-size: 24px;
	line-height: 24px;
	color: #004e9f;
    float: left;
    padding-right: 5px;
}

.news-item-date {
    position: relative;
	display: block;
	font-size: 15px;
	color: #004e9f;
    margin-top: 4px;
	line-height: 24px;
}

.news-item-item {
	display: block;
    position: relative;
	top: 10px;
	width: 405px;
    float: left;
	font-size: 9px;
	height: 360px;
	line-height: 13px;
    overflow-x: hidden;
    overflow-y: auto;
}

/*
 * pubs
 */

#pubs-list-text {
	display: block;
    position: absolute;
    top: 60px;
	left: 34px;
	width: 780px;
    height: 370px;
}

#pubs-archief-text {
	display: block;
    position: absolute;
    top: 440px;
	left: 34px;
	width: 780px;
    height: 129px;
}

.pubs-list {
	display: block;
    position: absolute;
    top: 40px;
	left: 0px;
	width: 780px;
    height: 310px;
}

.pubs-list-item {
	display: block;
    position: relative;
	width: 310px;
    height: 90px;
    float: left;
    padding-right: 65px;
	font-size: 9px;
	line-height: 13px;
}

.pubs-list-image {
	display: block;
    position: absolute;
	width: 80px;
    height: 80px;
}

.pubs-list-title {
    position: absolute;
	display: block;
    top: 5px;
    left: 95px;
	width: 224px;
    height: 28px;
    overflow: hidden;
    float: left;
}
.pubs-list-title a {
	font-weight: bold;
	font-size: 9px;
	line-height: 13px;
}

.pubs-list-intro {
	display: block;
    position: absolute;
    top: 35px;
    left: 95px;
	width: 225px;
    height: 28px;
	font-size: 9px;
	line-height: 13px;
    overflow: hidden;
}

.pubs-list-more {
    position: absolute;
	display: block;
    top: 65px;
    left: 218px;
	width: 100px;
    text-align: right;
    height: 15px;
}

.pubs-list-more a {
	font-size: 9px;
	line-height: 13px;
	color: #606060;
    text-decoration: underline;
}

.pubs-list-intro {
	display: block;
    position: absolute;
    top: 35px;
    left: 95px;
	width: 225px;
    height: 28px;
	font-size: 9px;
	line-height: 13px;
    overflow: hidden;
}

.pubs-archive {
	display: block;
    position: absolute;
    top: 40px;
	left: 0px;
	width: 770px;
    height: 70px;
    overflow-x: hidden;
    overflow-y: auto;
}

.pubs-archive-item {
	display: block;
    position: relative;
	width: 310px;
    height: 15px;
    float: left;
    padding-right: 65px;
	font-size: 9px;
	line-height: 13px;
}

.pubs-archive-date {
    position: absolute;
	display: block;
	width: 80px;
    height: 15px;
}
.pubs-archive-date a {
	font-weight: bold;
	font-size: 9px;
	line-height: 13px;
	color: #606060;	
}

.pubs-archive-title {
	display: block;
    position: absolute;
    left: 80px;
	width: 150px;
    height: 15px;
    overflow: hidden;
    float: left;
}
.pubs-archive-title a {
	font-weight: bold;
	font-size: 9px;
	line-height: 13px;
}

.pubs-item {
	display: block;
    position: relative;
	width: 405px;
    height: 440px;
    float: left;
	font-size: 9px;
	line-height: 13px;
}

.pubs-item-title {
	display: inline;
    position: relative;
	font-size: 24px;
	line-height: 24px;
	color: #004e9f;
    float: left;
    padding-right: 5px;
}

.pubs-item-date {
    position: relative;
	display: block;
	font-size: 15px;
	color: #004e9f;
    margin-top: 4px;
	line-height: 24px;
}

.pubs-item-item {
	display: block;
    position: relative;
	top: 10px;
	width: 405px;
    float: left;
	font-size: 9px;
	height: 360px;
	line-height: 13px;
    overflow-x: hidden;
    overflow-y: auto;
}

/*
 * vacatures
 */

.vacs-list {
	display: block;
    position: relative;
	overflow-x: hidden;
    overflow-y: auto;
    top: 10px;
	width: 400px;
    height: 280px;
}

.vacs-list-item {
	display: block;
    position: relative;
	width: 380px;
    height: 90px;
	font-size: 9px;
	line-height: 13px;
    overflow: hidden;
}

.vacs-list-title {
	display: block;
    position: absolute;
    height: 18px;
    float: left;
}
.vacs-list-title a {
	font-weight: bold;
	font-size: 9px;
	line-height: 13px;
}

.vacs-list-intro {
	display: block;
    position: absolute;
	font-size: 9px;
	line-height: 13px;
	top: 18px;
	width: 380px;
    height: 54px;
    overflow: hidden;
}

.vacs-list-more {
    position: absolute;
	display: block;
    top: 77px;
    right: 20px;
	width: 100px;
    text-align: right;
    height: 15px;
}

.vacs-list-more a {
	font-size: 9px;
	line-height: 13px;
    text-decoration: underline;
}
.vacs-item {
	display: block;
    position: relative;
	width: 405px;
    height: 440px;
    float: left;
	font-size: 9px;
	line-height: 13px;
}

.vacs-item-title {
	display: inline;
    position: relative;
	font-size: 24px;
	line-height: 24px;
	color: #004e9f;
    float: left;
    padding-right: 5px;
}

.vacs-item-item {
	display: block;
    position: relative;
	top: 10px;
	width: 405px;
    float: left;
	font-size: 9px;
	height: 360px;
	line-height: 13px;
    overflow-x: hidden;
    overflow-y: auto;
}

#bureauprofiel-demens-menu-prevnext {
	position: absolute;
	display: inline;
    right: 20px;
    width: 240px;
    top: 20px;
    text-align: right;
}
#emens-prev {
	position: relative;
	display: inline;
    padding-right: 5px;
}
#emens-next {
	position: relative;
	display: inline;
    padding-left: 5px;
}
#bureauprofiel-demens-menu-prevnext a {
	color: #606060;
}

#login {
	display: block;
    position: absolute;
    top: 0px;
	width: 801px;
    height: 520px;	
	background-image: url('../img/login-bg.jpg');
}

#login-form {
	display: block;
    position: absolute;
	left: 210px;
    top: 100px;
    width: 390px;
}
#login-form th {
	text-align: right;
	width: 100px;
	color: #004e9f;
}
#login-form td {
	width: 290px;
}
#login-info {
	display: block;
    position: absolute;
	color: #004e9f;
    background-color: #ffffff;
    width: 782px;
    height: 35px;
	left: 0px;
    top: 335px;
    text-align: center;
    padding: 10px;
}
#login-navigatie {
	display: block;
    position: absolute;
    top: 392px;
    width: 797px;
    height: 111px;
}
#login-logout {
	display: block;
    position: absolute;
    right: 20px;
    top: 15px;
    width: 200px;
    height: 10px;
    text-align: right;
}
#login-logout a {
	font-size: 11px;
	color: #606060;
}
#login-titel {
	display: block;
    position: absolute;
    left: 20px;
    top: 10px;
    width: 580px;
    height: 13px;
}

/*
 * projecten
 */

.project-list {
	display: block;
    position: absolute;
    top: 343px;
	width: 400px;
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

#architectuur-text .project-list {
    top: 153px;
	width: 400px;
    height: 390px;
}

#projecten-zoekop-text .project-list {
    top: 153px;
	width: 400px;
    height: 390px;
}

.project-list-item {
	display: block;
    position: relative;
	width: 400px;
    height: 30px;
    float: left;
    font-weight: bold;
	line-height: 13px;
    text-align: justify;
}

.project-list-item a {
	display: block;
    position: relative;
	width: 390px;
    height: 18px;
    float: left;
    font-weight: bold;
	line-height: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
}
.project-list-item a:hover {
    background-color: #606060;
	color: #ffffff;
}

.project-presentatie {
	display: block;
	position: absolute;
	left: 515px;
    top: 480px;
    width: 200px;
    height: 20px;    
}

/*
 * project
 */

#project-titel {
	display: block;
	position: absolute;
	width: 498px;
	height: 54px;
    top: 0px;
    left: 0px;
	background-image: url('../img/project-titel-bg.jpg');
	background-repeat: no-repeat;
    font-size: 18px;
    color: #ffffff;
    padding-top: 20px;
    text-align: center;
}

#project-navigatie {
	display: block;
	position: absolute;
	width: 270px;
	height: 280px;
    top: 0px;
    left: 500px;
    padding: 13px;
	background-image: url('../img/project-navigatie-bg.jpg');
	background-repeat: no-repeat;
	color: #004e9f;
    text-align: justify;
}
#project-name {
	color: #004e9f;
	font-size: 18px;
    padding-top: 28px;
    padding-bottom: 10px;
    text-align: left;
}
#project-description {
	display: block;
	position: absolute;
    top: 55px;
    left: 15px;
    width: 265px;
	overflow-y: auto;
    overflow-y: hidden;
    text-align: justify;
}
#project-prevnext {
	position: absolute;
	display: block;
    width: 270px;
    top: 282px;
	left: 512px;
    text-align: center;
}
#project-prev {
	position: relative;
	display: inline;
    padding-right: 5px;
}
#project-next {
	position: relative;
	display: inline;
    padding-left: 5px;
}
#project-prevnext a {
	color: #606060;
}

#project-detail {
	display: block;
	position: absolute;
	width: 270px;
	height: 228px;
    top: 310px;
    left: 500px;
    padding: 13px;
	background-image: url('../img/project-detail-bg.jpg');
	background-repeat: no-repeat;
}
#project-detail-vlak {
	display: block;
	position: absolute;
	width: 270px;
	height: 210px;
    top: 8px;
    left: 13px;
    overflow-x: hidden;
    overflow-y: auto;
}

#project-detail th {
	color: #004e9f;
	font-weight: normal;
	width: 100px;
    text-align: left;
}

#project-foto {
	display: block;
	position: absolute;
	width: 497px;
	height: 504px;
    top: 55px;
    left: 0px;
}

#login-projects {
	display: block;
	position: absolute;
	width: 497px;
	height: 504px;
    top: 55px;
    left: 0px;
}
#login-projects-title {
	display: block;
	position: absolute;
	width: 262px;
	height: 39px;
    top: 0px;
    left: 0px;
    color: #ffffff;
    font-size: 18px;
    padding: 10px;
	background-image: url('../img/login-projects-title-bg.jpg');
	background-repeat: no-repeat;
}
#login-projects-list {
	display: block;
	position: absolute;
	width: 262px;
	height: 426px;
    top: 39px;
    left: 0px;
	background-image: url('../img/login-projects-list-bg.jpg');
	background-repeat: no-repeat;
    overflow-x: hidden;
    overflow-y: scroll;
	font-size: 11px;
}
.login-projects-list-project a {
	display: block;
	width: 262px;
	color: #004e9f;
    padding: 10px;
    background-color: #eeeeee;
	font-size: 11px;
}
.login-projects-list-project a:hover {
	font-weight: bold;
	font-size: 11px;
}

#login-projects-list-folder a {
	display: block;
	width: 262px;
	color: #004e9f;
	font-size: 11px;
    padding: 5px;
}
.login-projects-list-folder a {
	display: block;
	width: 262px;
	color: #004e9f;
	font-size: 11px;
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.login-projects-list-folder a:hover {
	font-size: 11px;
	font-weight: bold;
}

#login-documents {
	display: block;
	position: absolute;
	width: 535px;
	height: 504px;
    top: 55px;
    left: 265px;
	background-repeat: no-repeat;
}
#login-documents-title {
	display: block;
	position: absolute;
	width: 535px;
	height: 39px;
    top: 0px;
    left: 0px;
    color: #ffffff;
    font-size: 18px;
    padding: 10px;
	background-image: url('../img/login-documents-title-bg.jpg');
	background-repeat: no-repeat;
}
#login-documents-sorter {
	display: block;
	position: absolute;
	width: 513px;
	height: 39px;
	!width: 533px;
	!height: 39px;
    top: 39px;
    left: 0px;
    font-size: 18px;
    padding-left: 30px;
    padding-right: 10px;
    padding-top: 5px;
	background-image: url('../img/login-documents-sorter-bg.jpg');
	background-repeat: no-repeat;
}
#login-documents-list {
	display: block;
	position: absolute;
	width: 388px;
	height: 395px;
    top: 70px;
    left: 0px;
    font-size: 18px;
	background-image: url('../img/login-documents-list-bg.jpg');
	background-repeat: no-repeat;
    overflow-x: hidden;
    overflow-y: scroll;
}
#login-welkom-animatie {
	display: block;
	position: absolute;
	width: 225px;
	height: 339px;
    top: 179px;
    left: 265px;
}
#login-welkom-documents {
	display: block;
	position: absolute;
	width: 535px;
	height: 504px;
    top: 55px;
    left: 493px;
	background-repeat: no-repeat;
}
#login-welkom-documents-title {
	display: block;
	position: absolute;
	width: 288px;
	height: 39px;
	!width: 288px;
	!height: 39px;
    top: 0px;
    left: 0px;
    color: #ffffff;
    font-size: 18px;
    padding: 10px;
	background-image: url('../img/login-documents-title-bg.jpg');
	background-repeat: no-repeat;
}
#login-welkom-documents-list {
	display: block;
	position: absolute;
	width: 307px;
	height: 426px;
    top: 39px;
    left: 0px;
    font-size: 18px;
	background-image: url('../img/login-documents-list-bg.jpg');
	background-repeat: no-repeat;
    overflow-x: hidden;
    overflow-y: scroll;
}

.login-documents-list-document a {
	font-size: 11px;
	display: block;
	width: 360px;
    height: 15px;
	!width: 370px;
    !height: 25px;
	color: #004e9f;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #eeeeee;
}
.login-documents-list-document a:hover {
	font-size: 11px;
    background-color: #bfccd9;
	font-weight: bold;
}
.login-documents-list-document-title {
	display: block;
    position: absolute;
	width: 220px;
	color: #004e9f;
    left: 30px;
}
.login-documents-list-document-status {
	display: block;
    position: absolute;
	width: 20px;
	color: #004e9f;
}
.login-documents-list-document-date {
	display: block;
    position: absolute;
	left: 220px;
	width: 80px;
	color: #004e9f;
}

#login-documents-detail {
	display: block;
	position: absolute;
	width: 126px;
	height: 375px;
	!width: 146px;
	!height: 395px;
    top: 70px;
    left: 388px;
    font-size: 18px;
    padding: 10px;
	background-image: url('../img/login-documents-detail-bg.jpg');
	background-repeat: no-repeat;
    overflow: hidden;
}

#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
	text-align: left;
}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	font: 11px Arial, Helvetica, sans-serif;
	color: #7a7a7a;
	padding: 0;
	margin: 0;
	text-align: left;
}

.lv_MenuBar * { padding: 0; margin: 0;}


.lv_Close {
    position: relative;
	float: right;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
	overflow: hidden;
}

/* simulates padding-left inside .lv_Data 
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; } */

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	font-size: 14px;
    color: #ffffff;
	margin-bottom: 2px;
    background-color: none;
}
.lv_DataText .lv_Caption { clear: both; }
.lv_Data .lv_ImgNumber {
	color: #a7a7a7;
	margin-right: 5px;
	margin-top: 5px;
}

.lv_Data .lv_innerPrevNext, 
.lv_Data .lv_Slideshow {
	position: relative;
	border-left: 1px solid #d7d7d7;
	padding: 0 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow { padding-right: 0px; }

.lv_Data .lv_innerPrevNext .lv_Button, 
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_contentTop,
.lv_contentBottom {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	clear: both;
}

#lightview iframe {
	float: left;
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#lv_overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* navbar
   Adds a bar below the view that takes over the default Controller
*/
#lightviewController {
	position: fixed;
	bottom: 0;
	top: 0;
	left: 50%;
	margin: 0;
	padding: 0;
	color: #d2d2d2;
	font: 11px Arial, Helvetica, sans-serif;
}
* html body #lightviewController { /* IE6 */
	position: absolute;
	top: auto;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)) + 'px');	
}
#lightviewController ul {
	display: block;
	height: 100%;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
.lv_controllerTop, .lv_controllerMiddle, .lv_controllerBottom {
	list-style-type: none;
	float: left;
	display: block;
	position: relative;
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_controllerCenter  { width: auto; float: left; }
.lv_controllerCornerWrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.lv_controllerCornerWrapperTopLeft,
.lv_controllerCornerWrapperBottomLeft { top: 0; left: -100%;}
.lv_controllerCornerWrapperTopRight,
.lv_controllerCornerWrapperBottomRight { top: 0; left: 100%;}

#lightviewController .lv_CornerWrapper {
	width: 100%;
}
#lightviewController .lv_Corner { float: left; }
#lightviewController .lv_Corner {
	float: right;
	position: relative;
}
#lightviewController .lv_CornerTr, #lightviewController .lv_CornerBr { float: left; }
.lv_controllerBetweenCorners {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.lv_controllerMiddle {
	position: relative;
	height: 100%;
	float: left;
}
.lv_controllerCenter { float: left; width: auto;}
.lv_controllerCenter li {
	list-style-type: none;
	float: left;
	display: inline;
	position: relative;
	clear: none;
}
.lv_controllerSetNumber {
	float: left;
	text-align: center;
}

#lightviewController .lv_Button {
	float: left;
	position: relative;
	height: 100%;
	clear: none;
}
.lv_controllerSetNumber {
	position: relative;
	height: 100%;
	padding-right: 3px;
}
.lv_controllerPrev, 
.lv_controllerNext, 
.lv_controllerSlideshow, 
.lv_controllerClose {
	float: left;
	position: relative;
	height: 100%;
	padding-left: 3px;
}

.lv_controllerPrev { border-left: 1px solid #3c3c3c; }
#lightviewController .lv_controllerNext { padding-right: 3px; border-right: 1px solid #3c3c3c; }

* html #lightview { /* IE6 */
	position: absolute;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0)) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #lv_overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}

#search_results {
	display: block;
	position: absolute;
	width: 400px;
	height: 470px;
    top: 70px;
    left: 25px;
    overflow-x: hidden;
    overflow-y: auto;
}

#emap {
	position: absolute;
    left: 0px;
    top: 0px;
    width: 340px;
    height: 567px;
    background-color: #ffffff;
    z-index: 99;
}

.emap-viewport {
	overflow: hidden;
}
.emap-tools {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 99px;
	height: 99px;
	z-index: 99;
}
.emap-moveup {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 99px;
	height: 23px;
	background-image: url(../img/emap-moveup.png);
}
.emap-moveleft {
	position: absolute;
	top: 23px;
	left: 0px;
	width: 33px;
	height: 34px;
	background-image: url(../img/emap-moveleft.png);
}
.emap-reset {
	display: none;
}
.emap-movecenter {
	position: absolute;
	top: 23px;
	left: 33px;
	width: 33px;
	height: 34px;
	background-image: url(../img/emap-movecenter.png);
}
.emap-moveright {
	position: absolute;
	top: 23px;
	left: 66px;
	width: 33px;
	height: 34px;
	background-image: url(../img/emap-moveright.png);
}
.emap-rotateleft {
	display: none;
}
.emap-movedown {
	position: absolute;
	top: 57px;
	left: 0px;
	width: 99px;
	height: 21px;
	background-image: url(../img/emap-movedown.png);
}
.emap-zoomout {
	position: absolute;
	top: 78px;
	left: 0px;
	width: 49px;
	height: 20px;
	background-image: url(../img/emap-zoomout.png);
}
.emap-zoomin {
	position: absolute;
	top: 78px;
	left: 49px;
	width: 50px;
	height: 20px;
	background-image: url(../img/emap-zoomin.png);
}
.emap-rotateright {
	position: absolute;
	top: 66px;
	left: 66px;
	width: 33px;
	height: 33px;
	background-image: url(../img/emap-rotateright.png);
	display: none;
}
.emap-marker {
	position: absolute;
	width: 9px;
	height: 9px;
	background-image: url(../img/emap-marker.png);
}
.emap-hits {
	position: absolute;
	display: none;
    top: 110px;
    left: 367px;
	width: 400px;
	height: 440px;
    overflow-x: none;
    overflow-y: auto;
    background-color: #eeeeee;
    padding: 2px;
    z-index: 99;
}
.emap-hits > a {
	text-color: red;
}

.emap-hits-list {
	display: block;
    position: absolute;
    top: 0px;
	width: 400px;
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.emap-hits-list-item {
	display: block;
    position: relative;
	width: 400px;
    height: 30px;
    float: left;
    font-weight: bold;
	line-height: 13px;
    text-align: justify;
}

.emap-hits-list-item a {
	display: block;
    position: relative;
	width: 390px;
    height: 18px;
    float: left;
    font-weight: bold;
	line-height: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
}
.emap-hits-list-item a:hover {
    background-color: #606060;
	color: #ffffff;
}


#eGoogleProjects__map {
	width: 339px;
    height: 567px;
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
}