@charset "UTF-8";
/* CSS Document */
#nav_container {
	position: relative;
	height: 142px;
	width: 160px;
	z-index: 1;
	left: 25px;
	top: 363px;
}

.nav_home {
	position:absolute;
	display:block;
	height: 18px;
	width: 64px;
	background-image: url(../images/nav/btn_nav_home.png);
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
	outline: none;
	border: none;
}
.nav_home_d {
	position:absolute;
	display:block;
	height: 18px;
	width: 64px;
	background-image: url(../images/nav/btn_nav_home_d.png);
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
}
.nav_home_d * {
	display: none;
}
.nav_home * {
	display: none;
}
.nav_home span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 18px;
	width: 64px;
	background-image: url(../images/nav/btn_nav_home_o.png);
	background-repeat: no-repeat;
	cursor:pointer;
}
.nav_werk {
	position:absolute;
	display:block;
	height: 18px;
	width: 100px;
	background-image: url(../images/nav/btn_nav_werk.png);
	background-repeat: no-repeat;
	left: 0px;
	top: 55px;
	outline: none;
	border: none;
}
.nav_werk * {
	display: none;
}
.nav_werk_d {
	position:absolute;
	display:block;
	height: 18px;
	width: 100px;
	background-image: url(../images/nav/btn_nav_werk_d.png);
	background-repeat: no-repeat;
	left: 0px;
	top: 55px;
}
.nav_werk_d * {
	display: none;
}
.nav_werk span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 18px;
	width: 100px;
	background-image: url(../images/nav/btn_nav_werk_o.png);
	background-repeat: no-repeat;
	cursor:pointer;
}
.nav_ons {
	position:absolute;
	display:block;
	height: 18px;
	width: 97px;
	background-image: url(../images/nav/btn_nav_ons.png);
	background-repeat: no-repeat;
	left: 0px;
	top: 90px;
	outline: none;
	border: none;
}
.nav_ons * {
	display: none;
}
.nav_ons_d {
	position:absolute;
	display:block;
	height: 18px;
	width: 97px;
	background-image: url(../images/nav/btn_nav_ons_d.png);
	background-repeat: no-repeat;
	left: 0px;
	top: 90px;
}
.nav_ons_d * {
	display: none;
}
.nav_ons span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 18px;
	width: 97px;
	background-image: url(../images/nav/btn_nav_ons_o.png);
	background-repeat: no-repeat;
	cursor:pointer;
}

.nav_diensten {
	position:absolute;
	display:block;
	height: 18px;
	width: 154px;
	background-image: url(../images/nav/btn_nav_diensten.png);
	background-repeat: no-repeat;
	left: 0px;
	top: 124px;
	outline: none;
	border: none;
}
.nav_diensten * {
	display: none;
}
.nav_diensten_d {
	position:absolute;
	display:block;
	height: 18px;
	width: 154px;
	background-image: url(../images/nav/btn_nav_diensten_d.png);
	background-repeat: no-repeat;
	left: 0px;
	top: 124px;
}
.nav_diensten_d * {
	display: none;
}
.nav_diensten span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 18px;
	width: 154px;
	background-image: url(../images/nav/btn_nav_diensten_o.png);
	background-repeat: no-repeat;
	cursor:pointer;
}
.hide_text {
	display: none;
	visibility: hidden;
	z-index: -100;
}
/*-------------------------------------- HOME ----*/

.blok_rechts_boven {
	position: absolute;
	display:block;
	height: 236px;
	width: 206px;
	left: 812px;
	top: 0px;
	background-image: url(../images/home/blokrechts/blok_rechts_boven.png);
	outline: none;
	border: none;
	z-index: 5;
}
.blok_rechts_boven * {
	display: none;
}
.blok_rechts_boven span.hover {
	position: absolute;
	display: block;
	height: 236px;
	width: 206px;
	background-image: url(../images/home/blokrechts/blok_rechts_boven_o.png);
	cursor:pointer;
	z-index: 5;

}

.blok_rechts_onder {
	position: absolute;
	display:block;
	height: 188px;
	width: 206px; /*BREEDTE MET AFLOOP IS 206*/
	left: 812px;
	top: 236px;
	background-image: url(../images/home/blokrechts/blok_rechts_onder.png);
	outline: none;
	border: none;
	z-index: 5;
}
.blok_rechts_onder * {
	display: none;
}
.blok_rechts_onder span.hover {
	position: absolute;
	display: block;
	height: 188px;
	width: 206px; /*BREEDTE MET AFLOOP IS 206*/
	background-image: url(../images/home/blokrechts/blok_rechts_onder_o.png);
	cursor: pointer;
	z-index: 5;
}
/*-------------------------------------- FREELANCER POPUP ----*/
.add {
	position: absolute;
	width: 130px;
	height: 123px;
	background-image: url(../images/home/freelancers/freelancers.png);
	background-position: 0px 0px;
	top: 0px;
	right: 0px;
	outline: none;
	border: none;
}
.add * {
	display: none;
}
.add span.hover {
	position: absolute;
	display: block;
	width: 130px;
	height: 123px;
	background-image: url(../images/home/freelancers/freelancers.png);
	background-position: 0px -123px;
	cursor:pointer;
}
/*-------------------------------------- FREELANCER POPUP ----*/
.otherprojects_blog {
	position: absolute;
	display:block;
	height: 65px;
	width: 97px;
	left: 0px;
	top: 0px;
	background: url(../images/otherprojects/aw_otherprojects.png) 0px 0px;
	outline: none;
	border: none;
	z-index: 5;
}
.otherprojects_blog * {
	display: none;
}
.otherprojects_blog span.hover {
	position: absolute;
	display: block;
	height: 65px;
	width: 97px;
	background: url(../images/otherprojects/aw_otherprojects.png) 0px -65px;
	cursor:pointer;
	z-index: 5;
}
.otherprojects_hit {
	position: absolute;
	display:block;
	height: 65px;
	width: 113px;
	left: 98px;
	top: 0px;
	background: url(../images/otherprojects/aw_otherprojects.png) -98px 0px;
	outline: none;
	border: none;
	z-index: 5;
}
.otherprojects_hit * {
	display: none;
}
.otherprojects_hit span.hover {
	position: absolute;
	display: block;
	height: 65px;
	width: 97px;
	background: url(../images/otherprojects/aw_otherprojects.png) -98px -65px;
	cursor:pointer;
	z-index: 5;
}
.otherprojects_kdb {
	position: absolute;
	display:block;
	height: 65px;
	width: 152px;
	left: 212px;
	top: 0px;
	background: url(../images/otherprojects/aw_otherprojects.png) -212px 0px;
	outline: none;
	border: none;
	z-index: 5;
}
.otherprojects_kdb * {
	display: none;
}
.otherprojects_kdb span.hover {
	position: absolute;
	display: block;
	height: 65px;
	width: 152px;
	background: url(../images/otherprojects/aw_otherprojects.png) -212px -65px;
	cursor:pointer;
	z-index: 5;
}
.otherprojects_lm {
	position: absolute;
	display:block;
	height: 65px;
	width: 132px;
	left: 365px;
	top: 0px;
	background: url(../images/otherprojects/aw_otherprojects.png) -365px 0px;
	outline: none;
	border: none;
	z-index: 5;
}
.otherprojects_lm * {
	display: none;
}
.otherprojects_lm span.hover {
	position: absolute;
	display: block;
	height: 65px;
	width: 132px;
	background: url(../images/otherprojects/aw_otherprojects.png) -365px -65px;
	cursor:pointer;
	z-index: 5;
}
.otherprojects_linkedin {
	position: absolute;
	display:block;
	height: 65px;
	width: 113px;
	left: 498px;
	top: 0px;
	background: url(../images/otherprojects/aw_otherprojects.png) -498px 0px;
	outline: none;
	border: none;
	z-index: 5;
}
.otherprojects_linkedin * {
	display: none;
}
.otherprojects_linkedin span.hover {
	position: absolute;
	display: block;
	height: 65px;
	width: 113px;
	background: url(../images/otherprojects/aw_otherprojects.png) -498px -65px;
	cursor:pointer;
	z-index: 5;
}