@charset "UTF-8";

@font-face {
    font-family: 'bgzfb';
    src: url('fbgz/bgzfb-webfont.eot');
    src: url('fbgz/bgzfb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fbgz/bgzfb-webfont.woff') format('woff'),
         url('fbgz/bgzfb-webfont.ttf') format('truetype'),
         url('fbgz/bgzfb-webfont.svg#bgzfb') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bgzfr';
    src: url('fbgz/bgzfr-webfont.eot');
    src: url('fbgz/bgzfr-webfont.eot?#iefix') format('embedded-opentype'),
         url('fbgz/bgzfr-webfont.woff') format('woff'),
         url('fbgz/bgzfr-webfont.ttf') format('truetype'),
         url('fbgz/bgzfr-webfont.svg#bgzfr') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bgzfi';
    src: url('fbgz/bgzfi-webfont.eot');
    src: url('fbgz/bgzfi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fbgz/bgzfi-webfont.woff') format('woff'),
         url('fbgz/bgzfi-webfont.ttf') format('truetype'),
         url('fbgz/bgzfi-webfont.svg#bgzfi') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bgzfib';
    src: url('fbgz/bgzfib-webfont.eot');
    src: url('fbgz/bgzfib-webfont.eot?#iefix') format('embedded-opentype'),
         url('fbgz/bgzfib-webfont.woff') format('woff'),
         url('fbgz/bgzfib-webfont.ttf') format('truetype'),
         url('fbgz/bgzfib-webfont.svg#bgzfib') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*  **********  ********** **********Algemeen geldend: ********** ********** ********** */
html {
	overflow: scroll;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 0px;
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #1E212C;
	filter: alpha(opacity=100);
	opacity: 1.0;
}
a {
	a:link;
	outline: none;
}
img {
	border: 0px;	
}
object, embed {
	outline: 0;
	border: none;
}
area {
	outline: none;
	outline: 0;
	border: none;
	a:link;
}
#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}
img.background {
	min-height: 100%;
	min-width: 1400px;	
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
}
@media screen and (max-width: 1400px) {
	img.background {
		left: 50%;
		margin-left: -700px;
	}
}
ul {
	margin: 0;
	padding: 0;
	margin-left: 16px;
	list-style-type: disc;
}
hr {
	color: #888888;
	border: none;
	border-top: 1px solid #888888;
	height: 1px;
}
a:link {
	text-decoration: none;
	color: #D2D2C9;
}
a:visited {
	text-decoration: none;
	color: #D2D2C9;
}
a:hover {
	text-decoration: underline;
	color: #D2D2C9;
}
a:active {
	text-decoration: none;
	color: #D2D2C9;
}
/* ********** ********** ********** Einde algemeen geldend. ********** ********** **********  */

/* ********** ********** ********** Classes, styles om mee te geven. ********** ********** ********** */
.tekst {
	font-family: bgzfr;
	font-size: 12px;
	color: #D2D2C9;
}
.tekstcursief {
	font-family: bgzfi;
	font-size: 13px;
	color: #D2D2C9;
}
.tekstsub1 {
	font-family: bgzfi;
	font-size: 11px;
	color: #D2D2C9;
}
.tekstsub2 {
	font-family: bgzfr;
	font-size: 11px;
	color: #D2D2C9;
}
a.tekstsub2link:link {
	text-decoration: none;
	color: #D2D2C9;
}
a.tekstsub2link:visited {
	text-decoration: none;
	color: #D2D2C9;
}
a.tekstsub2link:hover {
	font-family: bgzfr;
	text-decoration: underline;
	color: #D2D2C9;
}
a.tekstsub2link:active {
	text-decoration: underline;
	color: #D2D2C9;
}
.logonaamsubtekst {
	font-family: bgzfr;
	font-size: 11px;
	color: #D2D2C9;
}

.menu {
	font-family: bgzfr;
	font-size: 12px;
	color: #D2D2C9;
}
a.menulink:link {
	text-decoration: none;
	color: #D2D2C9;
}
a.menulink:visited {
	text-decoration: none;
	color: #D2D2C9;
}
a.menulink:hover {
	font-family: bgzfr;
	text-decoration: underline;
	color: #D2D2C9;
}
a.menulink:active {
	text-decoration: underline;
	color: #D2D2C9;
}

/* Film-tekstkleuren */
.filmlogonaam {
	font-family: bgzfb;
	font-size: 15px;
	color: #FAFAF0;
}
.filmmenukop {
	font-family: bgzfb;
	font-size: 12px;
	color: #FAFAF0;
}
.filmtekstkop {
	font-family: bgzfib;
	font-size: 12px;
	color: #FAFAF0;
}
a.filmtekstlink:link {
	font-family: bgzfr;
	text-decoration: underline;
	color: #D2D2C9;
	text-align: right;
}
a.filmtekstlink:visited {
	font-family: bgzfr;
	text-decoration: underline;
	color: #D2D2C9;
	text-align: right;
}
a.filmtekstlink:hover {
	font-family: bgzfr;
	text-decoration: underline;
	color: #D2D2C9;
	text-align: right;
}
a.filmtekstlink:active {
	font-family: bgzfr;
	text-decoration: underline;
	color: #D2D2C9;
	text-align: right;
}

/* Bureau-tekstkleuren */
.bureaulogonaam {
	font-family: bgzfb;
	font-size: 15px;
	color: #B5D5FF;
}
.bureaumenukop {
	font-family: bgzfb;
	font-size: 12px;
	color: #B5D5FF;
}
.bureautekstkop {
	font-family: bgzfib;
	font-size: 12px;
	color: #B5D5FF;
}
a.bureautekstlink:link {
	font-family: bgzfr;
	text-decoration: underline;
	color: #85AFD7;
}
a.bureautekstlink:visited {
	font-family: bgzfr;
	text-decoration: underline;
	color: #85AFD7;
}
a.bureautekstlink:hover {
	font-family: bgzfr;
	text-decoration: underline;
	color: #72A8D1;
}
a.bureautekstlink:active {
	font-family: bgzfr;
	text-decoration: underline;
	color: #72A8D1;
}

/* Ontwerp-tekstkleuren  */
.ontwerplogonaam {
	font-family: bgzfb;
	font-size: 15px;
	color: #DEC573;
}
.ontwerpmenukop {
	font-family: bgzfb;
	font-size: 12px;
	color: #DEC573;
}
.ontwerptekstkop {
	font-family: bgzfib;
	font-size: 12px;
	color: #DEC573;
}

/* Advies-tekstkleuren: roze. */
.advieslogonaam {
	font-family: bgzfb;
	font-size: 15px;
	color: #8174AB;
}
.adviesmenukop {
	font-family: bgzfb;
	font-size: 12px;
	color: #8174AB;
}
.adviestekstkop {
	font-family: bgzfib;
	font-size: 12px;
	color: #8174AB;
}

/* Verder-tekstkleuren */
.verderlogonaam {
	font-family: bgzfb;
	font-size: 15px;
	color: #C47186;
}
.verdermenukop {
	font-family: bgzfb;
	font-size: 12px;
	color: #C47186;
}
.verdertekstkop {
	font-family: bgzfib;
	font-size: 12px;
	color: #C47186;
}
.verdertekstsub {
	font-family: bgzfi;
	font-size: 11px;
	color: #C47186;
}
 
/* Portfolio-tekstkleuren  ECE7CB mooirood:d8575b */
.portfoliologonaam {
	font-family: bgzfb;
	font-size: 15px;
	color: #d8575b;
}
.portfoliomenukop {
	font-family: bgzfb;
	font-size: 12px;
	color: #d8575b;
}
.portfoliotekstkop {
	font-family: bgzfib;
	font-size: 12px;
	color: #d8575b;
	text-transform: none;
}

/* Diversen-tekstkleuren */
.diversenlogonaam {
	font-family: bgzfb;
	font-size: 15px;
	color: #98C491;
}
.diversenmenukop {
	font-family: bgzfb;
	font-size: 12px;
	color: #98C491;
}
.diversentekstkop {
	font-family: bgzfib;
	font-size: 12px;
	color: #98C491;
}
.diversentekstkop2 {
	font-family: bgzfi;
	font-size: 13px;
	color: #98C491;
}

/* Tuinen-tekstkleuren was: rose:C78195 toen mint:99E3D9 babyblauw:b5d5ff zwembadlichtroze:F58FEA babyrose:F5B9EA bestfelgeel:E2DD54*/
.tuinenlogonaam {
	font-family: bgzfb;
	font-size: 15px;
	color: #99E3D9;
}
.tuinenmenukop {
	font-family: bgzfb;
	font-size: 12px;
	color: #99E3D9;
}
.tuinentekstkop {
	font-family: bgzfib;
	font-size: 12px;
	color: #99E3D9;
}
.tuinentekstkop2 {
	font-family: bgzfi;
	font-size: 13px;
	color: #99E3D9;
}

/* Dakterrassen-tekstkleuren */
.dakterrassenlogonaam {
	font-family: bgzfb;
	font-size: 15px;
	color: #ECB2E1;
}
.dakterrassenmenukop {
	font-family: bgzfb;
	font-size: 12px;
	color: #ECB2E1;
}
.dakterrassentekstkop {
	font-family: bgzfib;
	font-size: 12px;
	color: #ECB2E1;
}
.dakterrassentekstkop2 {
	font-family: bgzfi;
	font-size: 13px;
	color: #ECB2E1;
}

/* Openbaar-tekstkleuren zachtfrisgroen:99CC99 klaprozenvet:D54E46 andererood:D54B3B klaproos?:CC463F mokka:AC9877 geeldieietskanworden: FFFF99 */
.openbaarlogonaam {
	font-family: bgzfb;
	font-size: 15px;
	color: #EEE698;
}
.openbaarmenukop {
	font-family: bgzfb;
	font-size: 12px;
	color: #EEE698;
}
.openbaartekstkop {
	font-family: bgzfib;
	font-size: 12px;
	color: #EEE698;
}
.openbaartekstkop2 {
	font-family: bgzfi;
	font-size: ECE7CB;
	color: #EEE698;
}

/* Kleinschalig-tekstkleuren */
.kleinschaliglogonaam {
	font-family: bgzfb;
	font-size: 15px;
	color: #DCCD92;
}
.kleinschaligmenukop {
	font-family: bgzfb;
	font-size: 12px;
	color: #DCCD92;
}
.kleinschaligtekstkop {
	font-family: bgzfib;
	font-size: 12px;
	color: #DCCD92;
}
.kleinschaligtekstkop2 {
	font-family: bgzfi;
	font-size: 13px;
	color: #DCCD92;
}

/* Nieuws-tekstkleuren  */
.nieuwslogonaam {
	font-family: bgzfb;
	font-size: 15px;
	color: #CA6520;
}
.nieuwsmenukop {
	font-family: bgzfb;
	font-size: 12px;
	color: #CA6520;
}
.nieuwstekstkop {
	font-family: bgzfib;
	font-size: 12px;
	color: #CA6520;
	background-color: ;
}
a.nieuwstekstlink:link {
	font-family: bgzfr;
	text-decoration: none;
	color: #CA7642;
}
a.nieuwstekstlink:visited {
	font-family: bgzfr;
	text-decoration: none;
	color: #CA7642;
}
a.nieuwstekstlink:hover {
	font-family: bgzfr;
	text-decoration: underline;
	color: #CA6520;
}
a.nieuwstekstlink:active {
	font-family: bgzfr;
	text-decoration: underline;
	color: #CA6520;
}
.nieuwstekst {
	font-family: bgzfr;
	font-size: 12px;
	color: #D2D2C9;
}
.nieuwstekstdatum { 
	font-family: bgzfi;
	font-size: 11px;
	color: #CA7642; 
	white-space: nowrap;
}

/* Testimonials-tekstkleuren  */
.testimonialslogonaam {
	font-family: bgzfb;
	font-size:15px;
	color: #AE73AB;
}
.testimonialsmenukop {
	font-family: bgzfb;
	font-size: 12px;
	color: #AE73AB;
}
.testimonialstekstkop {
	font-family: bgzfib;
	font-size: 12px;
	color: #AE73AB;
}
.testimonialstekst {
	font-family: bgzfr;
	font-size: 12px;
	color: #D2D2C9;
}
.testimonialstekstvoetje {
	font-family: bgzfi;
	font-size: 11px;
	color: #A85DAE;
	white-space: nowrap;
}
a.testimonialstekstvoetjelink:link {
	font-family: bgzfi;
	text-decoration: none;
	color: #A85DAE;
}
a.testimonialstekstvoetjelink:visited {
	font-family: bgzfi;
	text-decoration: none;
	color: #A85DAE;
}
a.testimonialstekstvoetjelink:hover {
	font-family: bgzfi;
	text-decoration: underline;
	color: #A85DAE;
}
a.testimonialstekstvoetjelink:active {
	font-family: bgzfi;
	text-decoration: underline;
	color: #A85DAE;
}

/* Paradijs-tekstkleuren */
.paradijslogonaam {
	font-family: bgzfb;
	font-size: 15px;
	color: #CCFF99;
}
.paradijsmenukop {
	font-family: bgzfb;
	font-size: 12px;
	color: #CCFF99;
}
.paradijstekstkop {
	font-family: bgzfib;
	font-size: 12px;
	color: #BEED8F;
}
a.paradijstekstkoplink:link {
	font-family: bgzfib;
	text-decoration: none;
	color: #CCFF99;
}
a.paradijstekstkoplink:visited {
	font-family: bgzfib;
	text-decoration: none;
	color: #CCFF99;
}
a.paradijstekstkoplink:hover {
	font-family: bgzfib;
	text-decoration: underline;
	color: #B8E48C;
}
a.paradijstekstkoplink:active {
	font-family: bgzfib;
	text-decoration: underline;
	color: #B8E48C;
}
a.paradijstekstlink:link {
	font-family: bgzfi;
	text-decoration: none;
	color: #B8E48C;
}
a.paradijstekstlink:visited {
	font-family: bgzfi;
	text-decoration: none;
	color: #BEED8F;
}
a.paradijstekstlink:hover {
	font-family: bgzfi;
	text-decoration: underline;
	color: #B5E08A;
}
a.paradijstekstlink:active {
	font-family: bgzfi;
	text-decoration: underline;
	color: #B5E08A;
}
.paradijstekst {
	font-family: bgzfr;
	font-size: 12px;
	color: #D2D2C9;
}
.paradijsleadkopje {
	font-family: bgzfib;
	font-size: 12px;
	color: #D2D2C9;
}
.paradijslead {
	font-family: bgzfr;
	font-size: 12px;
	color: #9FCD67;
}
.paradijstekstkop2 {
	font-family: bgzfi;
	font-size: 13px;
	color: #A6D56D;
}
.paradijsindeximg {
	margin-left: 5px;
	margin-bottom: 5px;
}

/* paradijsartikel-tekstkleuren */
.paradijsartikellogonaam {
	font-family: bgzfb;
	font-size: 15px;
	color: #9FCD67;
}
.paradijsartikelmenukop {
	font-family: bgzfb;
	font-size: 12px;
	color: #9FCD67;
}
.paradijsartikeltekstkop {
	font-family: bgzfib;
	font-size: 12px;
	color: #9FCD67;
}
a.paradijsartikeltekstlink:link {
	font-family: bgzfi;
	text-decoration: none;
	color: #A6D56D;
}
a.paradijsartikeltekstlink:visited {
	font-family: bgzfi;
	text-decoration: none;
	color: #A6D56D;
}
a.paradijsartikeltekstlink:hover {
	font-family: bgzfi;
	text-decoration: underline;
	color: #A6D56D;
}
a.paradijsartikeltekstlink:active {
	font-family: bgzfi;
	text-decoration: underline;
	color: #A6D56D;
}
.paradijsartikeltekst {
	font-family: bgzfr;
	font-size: 12px;
	color: #D2D2C9;
}

/* Vrienden-tekstkleuren */
.vriendenlogonaam {
	font-family: bgzfb;
	font-size: 15px;
	color: #6798BD;
}
.vriendenmenukop {
	font-family: bgzfb;
	font-size: 12px;
	color: #6798BD;
}
.vriendentekstkop {
	font-family: bgzfib;
	font-size: 12px;
	color: #6798BD;
}
a.vriendentekstlink:link {
	text-decoration: none;
	color: #85AFD7;
}
a.vriendentekstlink:visited {
	text-decoration: none;
	color: #85AFD7;
}
a.vriendentekstlink:hover {
	text-decoration: underline;
	color: #72A8D1;
}
a.vriendentekstlink:active {
	text-decoration: underline;
	color: #72A8D1;
}

/* Barodia-tekstkleuren */
.barodialogonaam {
	font-family: bgzfb;
	font-size: 15px;
	color: #C9BD76;
}
.barodiamenukop {
	font-family: bgzfb;
	font-size: 12px;
	color: #C9BD76;
}
.barodiatekstkop {
	font-family: bgzfib;
	font-size: 12px;
	color: #C9BD76;
}
a.barodiatekstlink:link {
	text-decoration: none;
	color: #C9BD76;
}
a.barodiatekstlink:visited {
	text-decoration: none;
	color: #C9BD76;
}
a.barodiatekstlink:hover {
	text-decoration: underline;
	color: #D2C886;
}
a.barodiatekstlink:active {
	text-decoration: underline;
	color: #D2C886;
}
/* ********** ********** ********** Einde classes, styles om mee te geven. ********** ********** ********** */

/* ********** ********** ********** Vakverdeling en hulpvakken:. ********** ********** ********** */
#indexvak {
	position: absolute;
	width: 400px;
	height: 400px;
	left: 50%;
	top: 50%;
	margin-left: -200px;
	margin-top: -200px;
	text-align: center;
	z-index: 4;
	background-image: url(img_alom/bureaugroenezaken_logo_bg.png);
}
#headerwrapper {
	position: absolute;
	width: 100%;
	z-index: 2;
	background-color: #1E212C;
	filter: alpha(opacity=100);
	opacity: 1.0;
}
#headercenter {
	text-align: center;
}
#header {
	position: relative;
	top: 0px;
	width: 1112px;
	height: 114px;
	display: inline-block;
}
#logo {
	position: absolute;
	width: 114px;
	height: 114px;
	left: 0px;
	overflow: hidden;
}
#naam {
	position: absolute;
	width: 265px;
	height: 56px;
	left: 114px;
	overflow: hidden;
	padding: 15px;
	text-align: left;
	margin-top: 28px;
}
#adres {
	position: absolute;
	width: 265px;
	height: 55px;
	left: 704px;
	overflow: hidden;
	padding: 15px;
	text-align: right;
	margin-top: 29px;
}
#contentwrapper {
	position: relative;
	width: 100%;
	z-index: 1;
}
#contentcenter {
	text-align: center;
}
#content {
	min-width: 1112px;
	width: 1112px;
	position: relative;
	display: inline-block;
	top: 114px;
}
#navigatie {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 82px;
	overflow: hidden;
	padding: 16px;
	text-align: right;
	margin-top: 0px;
}
#vakA {
	position: absolute;
	width: 265px;
	left: 114px;
	padding: 15px;
	text-align: left;
}
#vakB {
	position: absolute;
	width: 265px;
	left: 409px;
	padding: 15px;
	text-align: left;
}
#vakC {
	position: absolute;
	width: 265px;
	left: 704px;
	padding: 15px;
	text-align: left;
}
#vakABC {
	position: absolute;
	width: 855px;
	left: 114px;
	padding: 15px;
	text-align: left;
}
#vakD {
	position: absolute;
	top: 400px;
	width: 412px;
	left: 114px;
	padding: 15px;
	text-align: left;
}
#vakE {
	position: absolute;
	top: 400px;
	width: 413px;
	left: 558px;
	padding: 15px;
	text-align: left;
}
#vakportfolioimagesize {
	width: 265px;
	height: 199px;
	text-align: center;
	z-index: 3;
}
#portfoliovakken_A1 {
	width: 265px;
	height: 199px;
	text-align: center;
	background-image: url(img_portfolio/tuin_gebruiksvriendelijk_M_11.jpg);
}
#portfoliovakken_A2 {
	width: 265px;
	height: 199px;
	text-align: center;
	background-image: url(img_portfolio/V_2dakterras_heestersvasteplanten_M_01.jpg);
}
#portfoliovakken_A3 {
	width: 265px;
	height: 199px;
	text-align: center;
	background-image: url(img_portfolio/tuin_toevoegingenstadstuin_M_01.jpg);
}
#portfoliovakken_A4 {
	width: 265px;
	height: 199px;
	text-align: center;
	background-image: url(img_portfolio/tuin_borderbijwaterkant_M_01.jpg);
}
#portfoliovakken_A5 {
	width: 265px;
	height: 199px;
	text-align: center;
	background-image: url(img_portfolio/tuin_postzegeltuin_M_11.jpg);
}
#portfoliovakken_A6 {
	width: 265px;
	height: 199px;
	text-align: center;
	background-image: url(img_portfolio/dakterras_metgrassen_M_01.jpg);
}
#portfoliovakken_A7 {
	width: 265px;
	height: 199px;
	text-align: center;
	background-image: url(img_portfolio/tuin_schaduwgrasveld_M_11.png);
}
#portfoliovakken_B1 {
	width: 265px;
	height: 199px;
	text-align: center;
	background-image: url(img_portfolio/tuin_comfortablestadstuin_M_01.jpg);
}
#portfoliovakken_B2 {
	width: 265px;
	height: 199px;
	text-align: center;
	background-image: url(img_portfolio/o_openbaar_voormaligegemeenteperkjes_M_01.jpg);
}
#portfoliovakken_B3 {
	width: 265px;
	height: 199px;
	text-align: center;
	background-image: url(img_portfolio/openbaar_kantoortuinparkeerplaats_M_11.jpg);
}
#portfoliovakken_B4 {
	width: 265px;
	height: 199px;
	text-align: center;
	background-image: url(img_portfolio/dakterras_mediterraan_M_01.jpg);
}
#portfoliovakken_B5 {
	width: 265px;
	height: 199px;
	text-align: center;
	background-image: url(img_portfolio/tuin_borderinschaduw_M_01.jpg);
}
#portfoliovakken_B6 {
	width: 265px;
	height: 199px;
	text-align: center;
	background-image: url(img_portfolio/dakterras_zevenhoog_M_01.jpg);
}
#portfoliovakken_B7 {
	width: 265px;
	height: 199px;
	text-align: center;
	background-image: url(img_portfolio/v_dakterras_zuidelijktintje_M_11C.jpg);
}
#portfoliovakken_C1 {
	width: 265px;
	height: 199px;
	text-align: center;
	background-image: url(img_portfolio/o_dakterras_bloeiendindewind_M_11.jpg);
}
#portfoliovakken_C2 {
	width: 265px;
	height: 199px;
	text-align: center;
	background-image: url(img_portfolio/v_dakterras_groenblijversopnoorden_M_11.jpg);
}
#portfoliovakken_C3 {
	width: 265px;
	height: 199px;
	text-align: center;
	background-image: url(img_portfolio/openbaar_urbanflowafstudeerproject_M_01.jpg);
}
#portfoliovakken_C4 {
	width: 265px;
	height: 199px;
	text-align: center;
	background-image: url(img_portfolio/o_tuin_familietuin_M_01.jpg);
}
#portfoliovakken_C5 {
	width: 265px;
	height: 199px;
	text-align: center;
	background-image: url(img_portfolio/dakterras_beschutmetklimplanten_M_01.jpg);
}
#portfoliovakken_C6 {
	width: 265px;
	height: 199px;
	text-align: center;
	background-image: url(img_portfolio/dakterras_metgroente_M_01.jpg);
}
#vakportfoliomouseover {
	width: 265px;
	height: 199px;
	text-align: center;
}
a.portfoliomouseover {
	display: block;
	width: 265px;
	height: 199px;
	opacity: 0.0;
	filter:alpha(opacity=0);
	background-image: url(img_portfolio/project_placeholderMsize.png);
}
a.portfoliomouseover:hover {
	opacity: 1.0;
	filter:alpha(opacity=100);
	background-image: url(img_portfolio/project_ahead.png);
}
/*PORTFOLIOPROJECT NAMEN MOETEN PROJECTNAMEN WORDEN*/
#vakprojectfocus {
	position: absolute;
	width: 560px;
	height:421px;
	left: 409px;
	padding: 15px;
	text-align: center;
	z-index: 2;
}	
#vakprojectfocusbg {
	position: relative;
	width: 560px;
	height:421px;
	text-align: center;
	background-color:#1E212C; /* vimeo:191C26 donkerder: orgineel:1E212C lichter: 242836 212531 272B39 deze:20232F   */
	z-index: 1;
}
#vakprojectindex {
	position: absolute;
	width: 576px;
	height: auto;
	top: 444px;
	left: 416px;
	padding: 0px;
	text-align: right;
	overflow: visible;
	background-color: #1E212C;
}
#vakprojectagauche {
	position: absolute;
	top: 15px;
	width: 280px;
	height: 421px;
	left: 424px;
	padding: 0px;
	text-align: left;
	z-index: 3;
}
.projectmouseoveragauche	{
	display: block;
	width: 280px;
	height: 421px;
	background-image: url(img_portfolio/project_placeholder.png);
}
a.projectmouseoveragauche:hover {
	background-image: url(img_portfolio/project_agauche.png);
}
#vakprojectadroite {
	position: absolute;
	top: 15px;
	width: 280px;
	height: 421px;
	left: 704px;
	padding: 0px;
	text-align: right;
	z-index: 3;
}
.projectmouseoveradroite	{
	display: block;
	width: 280px;
	height: 421px;
	background-image: url(img_portfolio/project_placeholder.png);
}
a.projectmouseoveradroite:hover {
	background-image: url(img_portfolio/project_adroite.png);
}
#vakprojectagaucheverticaal {
	position: absolute;
	top: 15px;
	width: 158px;
	height: 421px;
	left: 668px;
	padding: 0px;
	text-align: left;
	z-index: 2;
}
#vakprojectadroiteverticaal {
	position: absolute;
	top: 15px;
	width: 158px;
	height: 421px;
	left: 826px;
	padding: 0px;
	text-align: left;
	z-index: 2;
} 
#vakparadijs {
	position: absolute;
	width: 855px;
	height: 200px;
	left: 114px;
	padding: 15px;
	text-align: left;
	z-index: 3;
}
#vaknieuws {
	position: absolute;
	top: 0px;
	width: 265px;
	left: 114px;
	padding: 15px;
	text-align: left;
}	
#vimeoscreenmeesterbinder {
	width: 265px;
	height: 199px;
	background-color: #191C26;
}
#vimeomeesterbinder {
	position: relative;
	width: 265px;
	height: 149px;
	background-color: #151820;
	top: 25px;
}
#vimeoscreensoil {
	width: 855px;
	height: 364px;
	background-color: #191C26;
}
#vimeosoil {
	position: relative;
	width: 855px;
	height: 364px;
	background-color: #151820;
	top: 0px;
	text-align: center;
}
#indexheaderwrapper {
	position: absolute;
	width: 100%;
	z-index: 2;
	filter: alpha(opacity=100);
	opacity: 1.0;
}
#indexheadercenter {
	text-align: center;
}
#indexheader {
	position: relative;
	top: 0px;
	width: 100%;
	height: 114px;
	display: inline-block;
}
#indexfilmlink {
	position: absolute;
	left: 20px;
	padding: 15px;
	text-align: left;
	margin-top: 20px;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
	border-color: #ffffff;
	filter: alpha(opacity=90);
	opacity: 0.9;
}
#indexfilmlinkbg {
	position: absolute;
	left: 20px;
	padding: 15px;
	text-align: left;
	margin-top: 20px;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
	border-color: #ffffff;
	background-color: #000000;
	filter: alpha(opacity=7);
	opacity: 0.07;
}
.indexfilmlinktekst {
	font-family: bgzfb;
	font-size: 12px;
	text-decoration: underline;
	color: #ffffff;
	text-align: left;
	
/* ********** ********** ********** Einde vakverdeling en hulpvakken:. ********** ********** ********** */