/*achtergrond rondom de site*/
body {
 	background-position:center;
	background-color: white;




} 

/*scrollbar*/	
.Vscroll{ 
	overflow-x : hidden; 
  	overflow-y : scroll;
}


.imagedropshadow {
	padding: 0px;
	border: solid 1px #FFFFFF;
}
a:hover img.imagedropshadow {
	border: solid 1px #999;
	-moz-box-shadow: 3px 3px 6px #999;
	-webkit-box-shadow: 3px 3px 6px #999;
        box-shadow: 3px 3px 6px #999;
}


/*boparai naam top*/
#regela a:link {
	color:#8BD700;
	text-decoration: none;
	text-align: left;
}
#regela a:visited {
	text-decoration: none;
	color:#8BD700;
	text-align: left;
}
#regela a:hover {
	text-decoration: none;
	color: #7F7F7F;
	text-align: left;
}
#regela a:active {
	text-decoration: none;
	color: #8BD700;
	text-align: left;
}


/*alle standaard links in de site*/
a:link {
	color:  #7F7F7F;
	text-decoration: none;
	text-align: left;
 
}
a:visited {
	text-decoration: none;
	color: #7F7F7F;
	text-align: left;
}
a:hover {
	text-decoration: none;
	color: #8BD700;
	text-align: left;
}
a:active {
	text-decoration: none;
	color: #8BD700;
	text-align: left;
}

/*navigatie menu standaard*/
#regelb a:link {
	color:#7F7F7F;
	text-decoration: none;
	text-align: left;
}
#regelb a:visited {
	text-decoration: none;
	color:#7F7F7F;
	text-align: left;
}
#regelb a:hover {
	text-decoration: none;
	color: #8BD700;
	text-align: left;
}
#regelb a:active {
	text-decoration: none;
	color: #7F7F7F;
	text-align: left;
}

/*navigatie menu actief helmaal groen*/
#regeld a:link {
	color: #8BD700;
	text-decoration: none;
	text-align: left;
}
#regeld a:visited {
	text-decoration: none;
	color: #8BD700;
	text-align: left;
}
#regeld a:hover {
	text-decoration: none;
	color: #8BD700;
	text-align: left;
}
#regeld a:active {
	text-decoration: none;
	color: #8BD700;
	text-align: left;
}


/*div vakken*/


* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body { 

min-height:650px;/* for good browsers*/
min-width:955px;/* for good browsers*/
}
#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
border:0px solid #000;
}
#container {

position:relative;
vertical-align:middle;
display:table-cell;
height: 650px;
border:0px solid #000;
} 
#inner {
width: 955px;
background:#ffffff;
height: 650px;

margin-left:auto;
margin-right:auto;
border:0px solid #000;
}

/*boparai naam boven aan pagina*/
#Layer1 {	position:relative;
	left:0px;
	top:0px;
	height:42px;
	width:520px;
	z-index:1;
	text-align: left;
}
/*menu  */
#Layer2 {	position:relative;
	left:3px;
	top:0px;
	width:200px;
	z-index:1;
	height:100px;
}
/*menu 3e kolom  */
#Layer2a {	position:relative;
	left:3px;
	top:0px;
	width:150px;
	z-index:1;
	height:100px;
}
/*boparai 25 jaar  */
#Layer3 {	position:relative;
	left:3px;
	top:0px;
	width:200px;
	z-index:1;
	height:88px;
	text-align: center;
}
/*linkedin twitter menu  */
#Layer3a {	position:relative;
	left:3px;
	top:70px;
	width:19px;
	z-index:1;
	height:88px;
	text-align: right;
}

/*nieuws items plaatjes home page*/
#Layer4 {	position:relative;
	left:5px;
	right: 0px;
	top:1px;
	width:180px;
	height:161px;
	z-index:1;

}

/*project details text vak*/
#Layer5 {	position:relative;
	left:4px;
	top:0px;
	width:227px;
	height:410px;
	z-index:1;


}
/*project details project naam*/
#Layer5a {	position:relative;
	left:4px;
	top:0px;
	width:229px;
	height:40px;
	z-index:1;

}
/*project details knoppen*/
#Layer5b {	position:relative;
	left:4px;
	right:3px;
	top:1px;
	width:200px;
	height:15px;
	z-index:1;


}
/*project menu slideshow*/
#Layer6 {
	position:relative;
	left:5px;
	top:1px;
	width:955px;
	height:483px;
	z-index:1;
}
/*project overzicht menu plaatjes*/
#Layer7 {
	position:relative;
	left:0px;
	top:0px;
	width:200px;
	height:126px;
	z-index:1;
}
/*project overzicht menu text*/
#Layer8 {
	position:relative;
	left:0px;
	top:0px;
	width:200px;
	height:35px;
	z-index:1;
	line-height: 11px;
}
/*project overzicht menu TUSSEN plaatjes*/
#Layer9 {
	position:relative;
	left:0px;
	top:0px;
	width:30px;
	height:126px;
	z-index:1;
}
/*project overzicht menu TUSSEN text*/
#Layer10 {
	position:relative;
	left:0px;
	top:0px;
	width:30px;
	height:35px;
	z-index:1;
}
/*project overzicht TOTAAL KADER*/
#Layer11 {
	position:relative;
	left:6px;
	top:0px;
	width:949px;
	height:483px;
	z-index:1;
}
/*opvulling tussen contect en menu*/
#Layer12 {
	position:relative;
	left:6px;
	top:0px;
	width:955px;
	height:7px;
	z-index:1;
}

/*text in groot kader*/
#Layer13 {
	position:relative;
	left:6px;
	top:0px;
	width:710px;
	height:483px;
	z-index:1;
border:0px solid #000;
}
/*PROJECTENLIJST*/
#Layer13a {
	position:relative;
	left:6px;
	top:0px;
	width:710px;
	height:445px;
	z-index:1;
border:0px solid #000;
}
/*plaatje in klein kader*/
#Layer14 {
	position:relative;
	left:5px;
	top:1px;
	width:230px;
	height:483px;
	z-index:1;
}


/*navigatie menu*/
.style1 {
	font-size: 12px;
	font-family: Century Gothic, Arial, Helvetica;
	text-align: left;
	font-weight: bold;
	margin:0px;
	
}
/*alle teksten van de site inhoud, bureau en contact en nieuws*/
.style2 {
	font-size: 15px;
	font-family: Century Gothic, Arial, Helvetica;
	color: #7F7F7F;
	line-height: 17px;
}
/*projectlijsten*/
.style2a {
	font-size: 13px;
	font-family: Century Gothic, Arial, Helvetica;
	color: #7F7F7F;
	line-height: 17px;
}
/*bureau naam bovenaan site*/
.style3 {
	font-size: 30px;
	font-family: Century Gothic, Arial, Helvetica;
	font-weight: bold;
	margin-left: 3px;


}
/*boparai bestaat 25 jaar*/
.style3a {
	font-size: 18px;
	font-family: Century Gothic, Arial, Helvetica;
	font-weight: bold;
	margin-left: 3px;
	color: #7F7F7F;

}
/*boparai bestaat 25 jaar*/
.style3b {
	font-size: 18px;
	font-family: Century Gothic, Arial, Helvetica;
	font-weight: bold;
	margin-left: 3px;
	color: #8BD700;

}
/*boparai bestaat 25 jaar*/
.style3c {
	font-size: 34px;
	font-family: Century Gothic, Arial, Helvetica;
	font-weight: bold;
	margin-left: 3px;
	color: #8BD700;

}
/*bureau naam bovenaan site architekten*/
.style4 {
	font-size: 30px;
	font-family: Century Gothic, Arial, Helvetica;
	font-weight: bold;
	margin-left: 10px;
	color: #7F7F7F;
}
/*adres*/
.style5 {
	font-size: 12px;
	font-family: Century Gothic, Arial, Helvetica;
	text-align: right;
}
/*project details titel 1*/
.style6 {
	font-size: 19px;
	font-family: Century Gothic, Arial, Helvetica;
	font-weight: bold;
	text-align: left;
	margin:0px;
	color:#7F7F7F;
	line-height: 17px;
	letter-spacing:-1px
}
/*project details titel 2*/
.style7 {
	font-size: 17px;
	font-family: Century Gothic, Arial, Helvetica;
	font-weight: bold;
	text-align: left;
	margin:0px;
	color:#cccccc;
	line-height: 20px;
}
/*project details info*/
.style9 {
	font-size: 11px;
	font-family: Century Gothic, Arial, Helvetica;;
	font-weight: bold;
	color:#7F7F7F;
	text-align: left;
}
/*project details toelichting text*/
.style9a {
	font-size: 11px;
	font-family: Century Gothic, Arial, Helvetica;;
	color:#7F7F7F;
	text-align: left;

}
/*project details opdrachtgever etc*/
.style9b {
	font-size: 11px;
	font-family: Century Gothic, Arial, Helvetica;;
	font-weight: bold;
	color:#cccccc;
	text-align: left;
}
/*project details opdrachtgever witte tussenregel*/
.style9c {
	font-size: 11px;
	font-family: Century Gothic, Arial, Helvetica;;
	font-weight: bold;
	color:#cccccc;
	text-align: left;
	line-height: 1px;
}
/*project details knoppen*/
.style10 {
	font-size: 12px;
	font-family: Century Gothic, Arial, Helvetica;
	font-weight: bold;
	margin:0px;
}
/*naam projecten overzicht projecten*/
.style11 {
	font-size: 11px;
	font-family: Century Gothic, Arial, Helvetica;

}
/*Nieuws datum*/
.style12 {
	font-size: 10px;
	font-family: Century Gothic, Arial, Helvetica;
	color:#888888;
}
/*link projectnaam groot titel 1*/
.style13 {
	font-size: 14px;
	font-family: Century Gothic, Arial, Helvetica;
	font-weight: bold;
	text-align: left;
	margin-left:10px;
	color:#888888;
	line-height: 10px;
}
/*link projectnaam klein titel 2*/
.style14 {
	font-size: 10px;
	font-family: Century Gothic, Arial, Helvetica;;
	font-weight: bold;
	text-align: left;
	margin:0px;
	color:#A8A8A8;
	line-height: 10px;
}
/*link projectnaam tussenregel*/
.style15 {
	font-size: 10px;
	font-family: Century Gothic, Arial, Helvetica;
	font-weight: bold;
	text-align: left;
	margin:0px;
	color:#FFFFFF;
	line-height: 6px;
}