html{
	height: 100%;
}
body{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	background-color: #333333;
	height: 100%;
}
strong{
	font-weight: bold;
}
em{
	font-style: italic;
}
a{
	color: #FFFFFF;
	text-decoration: none;
}
a:hover{
	color: #000000;
}

h1,h2,h5,h6{
	font-family: Andale Mono,'Courier New',Courier,monospace;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
}

h3{
	font-family: Andale Mono,'Courier New',Courier,monospace;
	font-size: 20px;
	font-weight: normal;
	text-transform: none;
	word-spacing: -3px;
}
h4{
	font-family: Andale Mono,'Courier New',Courier,monospace;
	font-size: 20px;
	font-weight: normal;
	text-transform: none;
}
p{
	margin: 0px 0px 20px 0px;
	line-height: 110%;
}
#tooltip{
	position: absolute;
	width: 100px;
	height: 100px;
	z-index: 5000;
	display: none;
}
#container{
	position: absolute;
	top: 50%;
	margin-top: -325px;
	width: 100%;
	text-align: center;
}
#site{
	width: 1066px;
	height: 650px;
	margin: 0px auto 0px auto;
	text-align: left;
	color: #000000;
	background-color: #4D4F49;
}
#tabs{
	position: absolute;
	overflow: hidden;
	width: 1066px;
	height: 650px;
}
#images{
	position: absolute;
	overflow: hidden;
	width: 559px;
	height: 650px;
	margin-left: 71px;
}
#project{
	position: absolute;
	overflow: hidden;
	width: 355px;
	height: 650px;
	margin-left: 630px;
}
.active{
	color: #000000 !important;
}
.tab{
	position: absolute;
	height: 650px;
	overflow: hidden;
}
.tab .content{
	position: absolute;
	height: 650px;
}
.tab .content .title{
	position: absolute;
	height: 20px;
	width: 96%;
	border-bottom: 1px solid #6B7953;
	margin: 5px;
}
.tab .content .text{
	position: absolute;
	height: 560px;
	margin-top: 60px;
	overflow: hidden;
}
.tab .content .scrollbar{
	position: absolute;
	height: 560px;
	width: 5px;
	margin-top: 60px;
	margin-left: 360px;
	background-color: #A7A89F;
}
.tab .content .handle{
	position: absolute;
	height: 50px;
	width: 5px;
	background-color: #4D4F49;
	cursor: pointer;
}
.tab .content .photo{
	position: absolute;
	margin-top: 0px;
	margin-left: 3px;
}
.shadow{
	position: absolute;
	margin: 0px 0px 0px 0px;
	height: 650px;
	width: 5px;
	z-index: 300;
}
.toggler{
	position: absolute;
	float: left;
	width: 27px;
	height: 650px;
	z-index: 200;
	background-color: transparent;
	cursor: pointer;
}
.tab1{
	margin-left: 0px;
	z-index: 1;
}
.tab2{
	margin-left: 22px;
	z-index: 10;
}
.tab3{
	margin-left: 49px;
	z-index: 20;
}
.tab4{
	margin-left: 76px;
	z-index: 30;
}
.tab5{
	margin-left: 103px;
	z-index: 40;
}
.tab6{
	margin-left: 130px;
	z-index: 50;
}
.tab7{
	margin-left: 157px;
	z-index: 60;
}
.tab8{
	margin-left: 184px;
	z-index: 70;
}
.tab9{
	margin-left: 211px;
	z-index: 80;
}
.tab10{
	margin-left: 238px;
	z-index: 90;
}
.tab11{
	margin-left: 265px;
	z-index: 100;
}
.tab12{
	margin-left: 292px;
	z-index: 110;
}
.tab13{
	margin-left: 319px;
	z-index: 120;
}
.tab14{
	margin-left: 346px;
	z-index: 130;
}
.tab15{
	margin-left: 373px;
	z-index: 140;
}
.tab16{
	margin-left: 400px;
	z-index: 150;
}
.tab17{
	margin-left: 427px;
	z-index: 160;
}
.tab18{
	margin-left: 454px;
	z-index: 170;
}
.tab19{
	margin-left: 481px;
	z-index: 180;
}
.tab20{
	margin-left: 508px;
	z-index: 190;
}
.tab21{
	margin-left: 535px;
	z-index: 200;
}
.page{
	width: 409px;
}
.page .content{
	background-color: #B4CC4E;
	width: 409px;
	margin-left: 5px;
}
.page .content .text{
	margin-left: 50px;
	width: 290px;
	height: 560px;
	overflow: hidden;
}
.page .scrollbar{
	margin-left: 353px !important;
}
.projecten{
	width: 409px;
}
.projecten .content{
	background-color: #B7C86A;
	width: 409px;
	margin-left: 5px;
}
.projecten .content ul{
    font-family: Andale Mono,'Courier New',Courier,monospace;
	text-transform: uppercase;
	margin: 0px 5px 0px 5px;
	font-size: 16px;
	text-align: right;
	width: 385px;
}
.image{
	width: 569px;
}
.image .content .title{
	border: 0px solid #FFFFFF;
	margin: 515px 5px 5px 5px;
	color: #666666;
}
.image .content .title h3{
	font-size: 12px;
	font-weight: normal;
}
.image .content{
	background-color: #4D4F49;
	overflow: hidden;
	width: 553px;
	margin-left: 5px;
}
.project{
	width: 365px;
	margin-left: 716px;
	z-index: 2000;
}
.project .content{
	background-color: #86877A;
	width: 355px;
	margin-left: 5px;
}
.project .content h5{
	font-size: 12px;
	text-decoration: underline;
	font-weight: normal;
	margin: 0px 25px 0px 25px;
}
.project .content .title{
	width: auto;
	height: 40px;
	border: solid 0px #000000;
	margin-left: 25px;
}
.project .content .title h4{
	text-decoration: none;
}
.project .content .text{
	margin-top: 140px;
	margin-left: 50px;
	height: 255px;
	width: 240px;
	overflow: hidden;
}
.project .content .text p{
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 12px
	}
.project .content .location{
	position: absolute;
	margin-top: 35px;
	font-size: 11px;
}
.project .content .location p{
	margin: 20px 25px 20px 25px;
	font-family: Andale Mono,'Courier New',Courier,monospace;
	text-transform: none;
}
.project .content .specificaties{
	position: absolute;
	margin-top: 420px;
	width: 160px;
}
.project .content .specificaties p{
	margin: 3px 25px 6px 25px;
}
.project .content .video{
	position: absolute;
	margin-top: 420px;
	margin-left: 165px;
	width: 180px;
}
.project .content .video p{
	margin: 3px 25px 6px 25px;
}
.project .scrollbar{
	margin-top: 140px !important;
	margin-left: 300px !important;
	height: 255px !important;
}
.fake1{
	width: 27px;
	background-color: #121315;
}
.fake2{
	width: 37px;
}
.fake2 .content{
	background-color: #252525;
	width: 27px;
	margin-left: 5px;
}
.fake3{
	width: 37px;
}
.fake3 .content{
	background-color: #3B3C3D;
	width: 27px;
	margin-left: 5px;
}
.fake3 .flags{
	position: absolute;
	margin-left: 12px;
	margin-top: 614px;
}
.fake3 .flag{
	height: 18px;
}
.home .content{
	cursor: pointer;
}
.home .content .title{
	border: solid 0px #000000;
}
.home .content .title h3{
	font-size: 12px;
	color: #404040;
}
.home .content .photo{
	margin-left: 3px;
}
.home1{
	width: 915px;
	z-index: 40;
	margin-left: 76px;
}
.home1 .content{
	background-color: #7D825A;
	width: 910px;
	margin-left: 5px;
}
.home2{
	width: 915px;
	z-index: 50;
	margin-left: 103px;
}
.home2 .content{
	background-color: #A7BF33;
	width: 910px;
	margin-left: 5px;
}
.home3{
	width: 915px;
	z-index: 60;
	margin-left: 130px;
}
.home3 .content{
	background-color: #C4E719;
	width: 910px;
	margin-left: 5px;
}
.titlepage{
	width: 914px;
	z-index: 70;
	margin-left: 157px;
}
.titlepage .content{
	background-color: #141314;
	width: 904px;
	margin-left: 5px;
	cursor: pointer;
}
.titlepage .content .title{
	border-width: 0px;
	margin-left: 20px;
}
.titlepage .content .title h3{
	color: #3A3B3C;
	font-weight: normal;
	font-size: 18px;
}