body, html {
	margin: 0;
	padding: 0;
	background: #000;
	font: 100.1% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

#container {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 853px;
	height: 564px;
	margin: -282px 0 0 -427px;
	padding: 0;
}

h1 {
	padding-top: 35px;
	font: bold 30px/30px Arial, Helvetica, sans-serif;
}

p {
	padding: 0 30px 0px 35px;
	font: 13px/19px Verdana, Arial, Helvetica, sans-serif;
}

a {
	color: #000;
}
a img {
        border-width: 1px;
}

a:hover {
	color: #f00;
}

#logo {
	position: absolute;
	left: 116px;
	top: 7px;
}

#payoff {
	position: absolute;
	left: 43px;
	top: 78px;
}

.vlak {
	height: 513px;
	position: absolute;
	top: 41px;
	margin: 0;
	padding: 0;
}

.fotorechts {
	float: right;
	margin: 0 0 10px 10px;	
}




/* =========== HOME ======= */

#back_bureau_0 {
	background: url(images/back_bureau.jpg) 0px 0px;
	width: 775px;
	left: 0px;
}

#back_stappenplan_0 {
	background: url(images/back_stappenplan.jpg) right 0px;
	width: 26px;
	left: 775px;
}

#back_watkosthet_0 {
	background: url(images/back_watkosthet.jpg) right 0px;
	width: 26px;
	left: 801px;
}

#back_bron_0 {
	background: url(images/back_bron.jpg) right 0px;
	width: 26px;
	left: 827px;
}

#content_0, #content_0_aan {
	position: relative;
	top: 31px;
	left: 232px;
	width: 543px;
	height: 513px;
	border-top: 10px solid #85C93C;
	border-bottom: 10px solid #85C93C;
	background: url(images/content1_back.gif) no-repeat 0px 0px;
	overflow: auto;
}

#content_0_aan {
	background: url(images/content1aan_back.jpg) no-repeat 0px 0px;
}


/* =========== BUREAU ======= */

#logo_1 {
	position: absolute;
	left: 116px;
	top: 7px;
}

#back_bureau_1 {
	background: url(images/back_bureau.jpg) 0 0px;
	width: 232px;
	left: 0px;
}

#back_stappenplan_1 {
	background: url(images/back_stappenplan.jpg) right 0px;
	width: 26px;
	left: 232px;
}

#back_watkosthet_1 {
	background: url(images/back_watkosthet.jpg) right 0px;
	width: 26px;
	left: 258px;
}

#back_bron_1 {
	background: url(images/back_bron.jpg) right 0px;
	width: 26px;
	left: 284px;
}

#balken_1 {
	position: relative;
	top: 31px;
	left: 0px;
	width: 543px;
	height: 513px;
	border-top: 10px solid #85C93C;
	border-bottom: 10px solid #85C93C;
}

#content_1 {
	position: relative;
	top: 0px;
	left: 310px;
	width: 543px;
	height: 513px;
	background: #ECEBEC;
	overflow: auto;
}


/* =========== STAPPENPLAN ======= */

#logo_2 {
	position: absolute;
	left: 142px;
	top: 7px;
}

#back_bureau_2 {
	background: url(images/back_bureau.jpg) right 0px;
	width: 26px;
	left: 0px;
}

#back_stappenplan_2 {
	background: url(images/back_stappenplan.jpg) right 0px;
	width: 232px;
	left: 26px;
}

#back_watkosthet_2 {
	background: url(images/back_watkosthet.jpg) right 0px;
	width: 26px;
	left: 258px;
}

#back_bron_2 {
	background: url(images/back_bron.jpg) right 0px;
	width: 26px;
	left: 284px;
}

#balken_2 {
	position: relative;
	top: 31px;
	left: 26px;
	width: 543px;
	height: 513px;
	border-top: 10px solid #85C93C;
	border-bottom: 10px solid #85C93C;
}

#content_2 {
	position: relative;
	top: 0px;
	left: 284px;
	width: 543px;
	height: 513px;
	background: #ECEBEC;
	overflow: auto;
}


/* =========== WAT KOST HET ======= */

#logo_3 {
	position: absolute;
	left: 168px;
	top: 7px;
}

#back_bureau_3 {
	background: url(images/back_bureau.jpg) right 0px;
	width: 26px;
	left: 0px;
}

#back_stappenplan_3 {
	background: url(images/back_stappenplan.jpg) right 0px;
	width: 26px;
	left: 26px;
}

#back_watkosthet_3 {
	background: url(images/back_watkosthet.jpg) right 0px;
	width: 232px;
	left: 52px;
}

#back_bron_3 {
	background: url(images/back_bron.jpg) right 0px;
	width: 26px;
	left: 284px;
}

#balken_3 {
	position: relative;
	top: 31px;
	left: 52px;
	width: 543px;
	height: 513px;
	border-top: 10px solid #85C93C;
	border-bottom: 10px solid #85C93C;
}

#content_3 {
	position: relative;
	top: 0px;
	left: 258px;
	width: 543px;
	height: 513px;
	background: #ECEBEC;
	overflow: auto;
}


/* =========== DE BRON ======= */

#logo_4 {
	position: absolute;
	left: 194px;
	top: 7px;
}

#back_bureau_4 {
	background: url(images/back_bureau.jpg) right 0px;
	width: 26px;
	left: 0px;
}

#back_stappenplan_4 {
	background: url(images/back_stappenplan.jpg) right 0px;
	width: 26px;
	left: 26px;
}

#back_watkosthet_4 {
	background: url(images/back_watkosthet.jpg) right 0px;
	width: 26px;
	left: 52px;
}

#back_bron_4 {
	background: url(images/back_bron.jpg) right 0px;
	width: 232px;
	left: 78px;
}

#balken_4 {
	position: relative;
	top: 31px;
	left: 76px;
	width: 543px;
	height: 513px;
	border-top: 10px solid #85C93C;
	border-bottom: 10px solid #85C93C;
}

#content_4 {
	position: relative;
	top: 0px;
	left: 234px;
	width: 543px;
	height: 513px;
	background: #ECEBEC;
	overflow: auto;
}


/* ============= HOOFDNAVIGATIE ================== */


#mainnav {
	position: absolute;
	left: 0px;
	bottom: 40px;
	width: 230px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font: 25px Verdana, Arial, Helvetica, sans-serif;
}

#mainnav li {
	margin-bottom: 5px;
}


#mainnav li a {
	padding: 2px 10px 2px 0px;
	color: #fff;
	text-decoration:none;
}

#mainnav li#home a:hover, #mainnav li#home a.active {
	color: #FEE303;
}

#mainnav li#prent a:hover, #mainnav li#prent a.active {
	color: #A3FF04;
}

#mainnav li#stap a:hover, #mainnav li#stap a.active {
	color: #77D1FF;
}

#mainnav li#kost a:hover, #mainnav li#kost a.active {
	color: #FF8604;
}

#mainnav li#bron a:hover, #mainnav li#bron a.active {
	color: #f00;
}



#metanav {
	position: absolute;
	left: 0px;
	top: 164px;
	width: 232px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-indent: -999em;
}

#metanav li {
	width: 232px;
	text-indent: -999em;
	margin-bottom: 5px;
}


#metanav li a, #metanav li a.active {
	text-decoration: none;
  	display:block;
  	margin: 0;
	height: 21px;
}

#metanav li a:hover, #metanav li a.active {
	background-position:0 -21px;
}


#wonen a { background:url("images/wonen_geschiedenis.gif") 0 0 no-repeat transparent;}
#sloop a { background:url("images/als_sloop.gif") 0 0 no-repeat transparent;}





#subnav {
	background: #FFFFFF;
	display: inline;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 4px 8px 4px 35px;
}

#subnav a {
	color: #000;
	text-decoration: none;
}

#subnav a:hover, #subnav a.active {
	color: #f00;
}


/* ============= GALLERY ================== */


.galleryindex {
        clear: both;
        margin: 0 10px 10px 35px;
}




#content_4 img {
    float: left;
    margin-right: 10px;
}

.bron_img {
    margin: 0 0 10px;
    border: 1px solid #000;
}

h2.bron_h2 {
    font-size: 13px;
    padding: 0;
    margin: 0;
}

.bron_h2 a {
    text-decoration: none;
}

.bron_p {
    padding: 0;
    margin: 0;
}

#content_4 img.foto {
    padding-left: 35px;
}

#thumbs {
    padding: 0 30px 0 25px;
}
#thumbs ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#thumbs li {
    float: left;
    margin: 0;
    padding: 0 0 10px 10px;
}
#thumbs img.landscape {
    width: 140px;
}
#thumbs img.portrait {
    height: 140px;
}

#thumbs img {
    border: 1px solid #000;
}

.terug {
    clear: both;
    padding-top: 13px;
    font-size: 11px;
    float: left;
}

.terug a, .volgende a {
    text-decoration: none;
}

.terug a:hover, .volgende a:hover {
    text-decoration: underline;
    color: #f00;   
}

.volgende {
    padding-top: 13px;
    font-size: 11px;
    float: right;
}