/* CSS Document */

body, html{
	background-color: #E3E5E8;
	margin: 0px;
	text-align: left;
	height: 100%;
	width: 100%;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
}

.hidden{
	visibility: hidden;
}
.visible{
	visibility: visible;
}
a img{
	border: none;
}


/* BEGIN wrapper */
#wrapper1{
	height: 100%;
	width: 100%; display: table;
	vertical-align: middle;
	overflow: hidden;
}
#outer{
	display: table-cell;
	vertical-align: middle;	
}
#sitewrap{
	position: relative;
	left: 50%;
	float: left;
}
#sitecontent{
	position: relative;
	text-align: left;
	left: -50%;
}
#wrapper2
{
	width: 671px;
	height: 590px;
	position: relative;
	background-color: #E3E5E8;
	/*border: #CCCCCC solid 1px;*/
}
/* EINDE wrapper */

/* BEGIN footer */
#dzvh{
	width: 476px;
	height: 84px;
	position: absolute;
	top: 500px;
	left: 100px;
}
/* EINDE footer */

/* BEGIN index */
#main_img, #main_img_enter, #main_img_back{
	width: 457px;
	height: 457px;
	position: absolute;
	top: 39px;
	left: 107px;
}
#main_img{ z-index: 0;}
#main_img_back{ z-index:1;}
#main_img_back:hover{ z-index: 3;}
#main_img_enter{z-index: 2;}
#main_img_enter:hover{z-index: 1;}
/* EINDE index */

/* BEGIN teksten in hoofdvlak, 1 groot vlak of 2 kolommen*/
h1, h2, h3, p {
	margin: 0px;
	padding: 0;
	font-weight: normal;
	line-height: 1.2em;
}
h1{
	font-size: 19px;
}
.scroll-pane{
	font-style: normal;
	color: #A35C2A;
 }
 #tekst{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 410px;
	height: 457px;
 }
.scroll-pane{
	font-size: 14px;
}
.scroll-pane h2{
	font-size: 16.5px;
	margin-bottom: 6px;
	max-width: 405px;
}
.scroll-pane p{
	margin-bottom: 12px;
	max-width: 405px;
}
#teksten h1{
	font-size: 18px;
}
#teksten, #teksten_kol1, #teksten_kol2{
	font-size: 14px;
	font-style: normal;
	color: #A35C2A;
	overflow: hidden;
}
#teksten a, #teksten_kol1 a, #teksten_kol2 a{
	color: #A35C2A;
}
#teksten{
	position: absolute;
	top: 20px;
	left: 20px;
	height: 427px;
	width: 397px;	
}
#teksten_kol1{
	position: absolute;
	top: 20px;
	left: 20px;
	height: 427px;
	width: 213px;	
}
#teksten_kol2{
	position: absolute;
	top: 20px;
	left: 235px;
	height: 427px;
	width: 213px;	
}
.italic{
	font-style: italic;
}
.table{
	margin: 0px auto;
	text-align: center;
}

/* EINDE teksten in hoofdvlak, 1 groot vlak of 2 kolommen*/

/* BEGIN iFrame */
#fotovlak, #tekstvlak{
	position: absolute;
	width: 457px;
	height: 457px;
	left: 107px;
	top: 39px;
	overflow: hidden;
	text-align: center;
}
#tekstvlak{
	background-color: #f2f5f9;
}
#tekstvlak2{
	background-color: #f2f5f9;
	position: absolute;
	width: 457px;
	height: 457px;
	left: 0;
	top: 0;
}
#img_over{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 457px;
	height: 457px;
	z-index: 2;
	visibility: hidden;
}
#img_start{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 457px;
	height: 457px;
	z-index: 0;
}
/* EINDE iFrame */
#bijschrift, #bijschrift_start{
	background-color: #A35C2A;
	/* for IE */
	filter: alpha(opacity=70);
	/* CSS3 standard */
	opacity: 0.85;
  	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 457px;
	text-decoration: none;
	overflow: hidden;
	z-index: 5;
}
#bijschrift{
	min-height: 15px;
}
#bijschrift_start{
	min-height: 100px;
}
.tekstbijschrift{
	padding: 3px 5px 1px 5px;
	line-height: 1.1em;
	text-align: left;
	font-size: 12px;
	font-style: normal;
	color: #E3E5E8;
	text-decoration: none;
}

/* BEGIN naam pagina rechts boven */
#projectnaam{
	position: absolute;
	right: 108px;
		bottom: 555px;
		font-size: 19px;
	font-weight: normal;
	color: #A35C2A;
	text-align: right;
}
/* EINDE  naam pagina rechts boven */


/* BEGIN 9 hoofdvlakken */
/* BEGIN teksten in logos rechts onder*/
.tekstlink{
	background-color: #A35C2A;
	/* for IE */
	filter: alpha(opacity=60);
	/* CSS3 standard */
	opacity: 0.7;
  	position: absolute;
	bottom: 2px;
	right: 2px;
	width: 151px;
	height: 15px;
	text-align: right;
	text-decoration: none;
	overflow: hidden;
}
.tekst{
	position: absolute;
	bottom: 3px;
	right: 5px;
	text-align: right;
	font-size: 12px;
	font-style: normal;
	color: #E3E5E8;
	text-decoration: none;
	overflow: hidden;
}
/* EINDE teksten in logos rechts onder*/

/* BEGIN 9 logos en 9 projecten*/
#logo1 ,#logo2 ,#logo3 ,#logo4 ,#logo5 ,#logo6 ,#logo7 ,#logo8 ,#logo9,
#project1 ,#project2 ,#project3 ,#project4 ,#project5 ,#project6 ,#project7 ,#project8 ,#project9{
	width: 153px;
	height: 153px;
	position: absolute;
	overflow: hidden;
}

#logo1 ,#logo2 ,#logo3 ,#logo4 ,#logo5 ,#logo6 ,#logo7 ,#logo8 ,#logo9{
	z-index: 1;
}

#project1 ,#project2 ,#project3 ,#project4 ,#project5 ,#project6 ,#project7 ,#project8 ,#project9{
	text-decoration: none;
	background-color: #E3E5E8;
	z-index: 2;
}

#logo1, #project1{	left: 107px;	top: 39px; }
#logo4, #project4{	left: 260px;	top: 39px;	}
#logo7, #project7{	left: 413px;	top: 39px; }
#logo8, #project8{	left: 107px;	top: 192px; }
#logo2, #project2{	left: 260px;	top: 192px; }
#logo3, #project3{	left: 413px;	top: 192px; }
#logo5, #project5{	left: 107px;	top: 345px; }
#logo6, #project6{	left: 260px;	top: 345px; }
#logo9, #project9{	left: 413px;	top: 345px;	}
/* EINDE 9 logos en 9 projecten*/

/* BEGIN alpha */
.a1, .a2, .a3, .a4, .a5, .a6, .a7, .a8, .a9, .a10, .a11, .a12 {
	position: absolute;	
	background-color: #E3E5E8;
	overflow: hidden; /* voor IE6*/ 
}
.a1, .a2, .a3, .a4{		width: 2px;		height: 49px; }
.a5, .a6{				width: 2px;		height: 33px; }
.a7, .a8, .a9, .a10{	width: 10px;	height: 10px; }
.a11{					width: 153px;	height: 2px; }
.a12{					width: 2px;		height: 151px; }
.a1{					left: 49px;		top: 0px; }
.a2{					left: 100px;	top: 0px; }
.a3{					left: 49px;		top: 102px; }
.a4{					left: 100px;	top: 102px; }
.a5{					left: 57px;		top: 59px; }
.a6{					left: 92px;		top: 59px; }
.a7{					left: 49px; 	top: 49px; }
.a8{					left: 49px;		top: 92px; }
.a9{					left: 92px;		top: 49px; }
.a10{					left: 92px;		top: 92px;	}
.a11{					left: 0px;		top: 151px; }
.a12{					left: 151px;	top: 0px; }
/* EINDE alpha */
/* EINDE 9 hoofdvlakken */



/* BEGIN 4 knoppen in de hoeken */

#menu_knop{
	position: absolute;
	width: 100px;
	height: 137px;
	left: 5px;
	top: 2px;
	z-index: 5;
}

#back_knop{
	position: absolute;
	width: 100px;
	height: 100px;
	left: 566px;
	top: 39px;
	z-index: 5;
}
#back_pijl{
	position: absolute;
	width: 40px;
	height: 107px;
	left: 526px;
	top: 39px;
	z-index: 5;
}

#onderdeel_, #onderdeel_architectuur, #onderdeel_objecten, #onderdeel_profiel, #onderdeel_handel, #onderdeel_garage, #onderdeel_archief, #onderdeel_links, #onderdeel_contact,#onderdeel_galerie, #onderdeel_voorraad, #onderdeel_ontwikkeling, #onderdeel_opdracht {
	position: absolute;
	width: 100px;
	height: 100px;
	left: 5px;
	top: 396px;
}

#onderdeel_galerie	{ background-image: url(../_img/galerie.gif); }
#onderdeel_voorraad		{ background-image: url(../_img/voorraad.gif); }
#onderdeel_profiel		{ background-image: url(../_img/profiel.gif); }
#onderdeel_ontwikkeling		{ background-image: url(../_img/ontwikkeling.gif); }
#onderdeel_opdracht		{ background-image: url(../_img/opdracht.gif); }
#onderdeel_archief		{ background-image: url(../_img/archief.gif); }
#onderdeel_links		{ background-image: url(../_img/links.gif); }
#onderdeel_contact		{ background-image: url(../_img/contact.gif); }


#beeldtype_fotos, #beeldtype_schetsen, #beeldtype_geluid, #beeldtype_tekeningen, #beeldtype_situatie, #beeldtype_maquette, #beeldtype_leeg, #beeldtype_rapport, #beeldtype_teksten, #beeldtype_film, #beeldtype_projecten{
	position: absolute;
	width: 100px;
	height: 100px;
	left: 566px;
	top: 396px;
}

#beeldtype_fotos{		background-image: url(../_img/fotos_groot.gif); }
#beeldtype_leeg{		}
#beeldtype_geluid{		background-image: url(../_img/geluid_groot.gif); }
#beeldtype_tekeningen{	background-image: url(../_img/tekeningen_groot.gif); }
#beeldtype_maquette{	background-image: url(../_img/maquette_groot.gif); }
#beeldtype_situatie{	background-image: url(../_img/situatie_groot.gif); }
#beeldtype_schetsen{	background-image: url(../_img/schetsen_groot.gif); }
#beeldtype_rapport{		background-image: url(../_img/rapport_groot.gif); }
#beeldtype_teksten{		background-image: url(../_img/tekst_groot.gif); }
#beeldtype_film{		background-image: url(../_img/film_groot.gif); }
/* EIND 4 knoppen in de hoeken */




/* BEGIN subnav */
#beeldtype1, #beeldtype2, #beeldtype3, #beeldtype4, #beeldtype5, #beeldtype6, #beeldtype7, #beeldtype8, #beeldtype9, #beeldtype10, #beeld1, #beeld2, #beeld3, #beeld4, #beeld5, #beeld6, #beeld7, #beeld8, #beeld9, #beeld10{
	width: 49px;
	height: 49px;
	position: absolute;
}
#beeldtype1, #beeldtype3, #beeldtype5, #beeldtype7, #beeldtype9{
	left: 5px;
}
#beeldtype2, #beeldtype4, #beeldtype6, #beeldtype8, #beeldtype10{
	left: 56px;
}
#beeld1, #beeld3, #beeld5, #beeld7, #beeld9{
	left: 566px;
}
#beeld2, #beeld4, #beeld6, #beeld8, #beeld10{
	left: 617px;
}
#beeldtype1, #beeldtype2, #beeld1, #beeld2{
	top: 141px;
}
#beeldtype3, #beeldtype4, #beeld3, #beeld4{
	top: 192px;
}
#beeldtype5, #beeldtype6, #beeld5, #beeld6{
	top: 243px;
}
#beeldtype7, #beeldtype8, #beeld7, #beeld8{
	top: 294px;
}
#beeldtype9, #beeldtype10, #beeld9, #beeld10{
	top: 345px;
}

#beeldtype1{			background-image:url(../_img/fotos.gif); }
#beeldtype1:hover{		background-image:url(../_img/fotos_over.gif); }
#beeldtype2{			 }
#beeldtype2:hover{		 }
#beeldtype3{			background-image: url(../_img/geluid.gif); }
#beeldtype3:hover{		background-image: url(../_img/geluid_over.gif); }
#beeldtype4{			background-image: url(../_img/tekeningen.gif); }
#beeldtype4:hover{		background-image: url(../_img/tekeningen_over.gif); }
#beeldtype5{			background-image: url(../_img/maquette.gif); }
#beeldtype5:hover{		background-image: url(../_img/maquette_over.gif); }
#beeldtype6{			background-image:url(../_img/situatie.gif); }
#beeldtype6:hover{		background-image:url(../_img/situatie_over.gif); }
#beeldtype7{			background-image: url(../_img/schetsen.gif); }
#beeldtype7:hover{		background-image: url(../_img/schetsen_over.gif); }
#beeldtype8{			background-image: url(../_img/rapport.gif); }
#beeldtype8:hover{		background-image: url(../_img/rapport_over.gif); }
#beeldtype9{			background-image: url(../_img/tekst.gif); }
#beeldtype9:hover{		background-image: url(../_img/tekst_over.gif); }
#beeldtype10{			background-image: url(../_img/film.gif); }
#beeldtype10:hover{		background-image: url(../_img/film_over.gif); }
/* EIND subnav */


/* proef vergroten plaatjes*/


#vergroot1, #vergroot2, #vergroot3, #vergroot4, #vergroot5, #vergroot6, #vergroot7, #vergroot8, #vergroot9, #vergroot10{
position: absolute;
z-index: 999;
width: 50px;
height: 50px;
top: 39px;
left: -228px;
opacity: 0.7;
background-image: url(../_img/vergrootglas.png);
}