div#bg{
	position:fixed;
	overflow:hidden;
	height:100%;
    width:100%;
}

div#bg div{
	height:200%;
    left:-50%;
    position:absolute;
    width:200%;
}

div#bg img{
	margin:0 auto;
    min-height:50%;
    min-width:50%;
}

div#frame{
	position:absolute;
	margin:0 auto;
	width:990px;
	height:650px;
	top:50%;
	left:50%;
	margin:-325px auto auto -495px;
}

div#main{
	position:relative;
	width:990px;
	height:650px;
}

img.logo{
	position:absolute;
	right:0;
	top:45px;
	padding-right:20px;
}

/* Menu */
ul#menu{
	position:absolute;
	left:20px;
	top:30px;
}

ul#menu li{
	position:absolute;
	z-index:99;
}

ul#menu li a{
	display:block;
	text-align:center;
	padding-top:29px;
	text-decoration:none;
	background:url(/images/menuBg.png) no-repeat;
	width:79px;
	height:50px;
	color:#40af83;
}

ul#menu li a:hover{
	text-decoration:none;
}

ul#menu li.home{
	top:15px;
	left:125px;
}

ul#menu li.lawnge{
	top:170px;
	left:65px;
}

ul#menu li.producten{
	top:320px;
	left:70px;
}

ul#menu li.projecten{
	top:450px;
	left:130px;
}

ul#menu li.contact{
	top:530px;
	left:285px;
}

/* Pagina */
div#page{
	position:absolute;
	left:250px;
	top:70px;
	background:url(/images/pageBg.png) no-repeat;
	width:448px;
	height:447px;
}

div.content{
	position:relative;
}

div.content div{
	height:18px;
}

/* Spacer */
div.left{
	float:left;
	clear:left;
}

div.right{
	float:right;
	clear:right;
}

div.left1,
div.right1,
div#item div.right1{
	width:55px;
}

div.left2,
div.right2,
div#item div.right2{
	width:45px;
}

div.left3,
div.right3,
div#item div.right3{
	width:35px;
}

div.left4,
div.right4,
div#item div.right4,
div.left11,
div.right11{
	width:30px;
}

div.left5,
div.right5,
div#item div.right5,
div.left10,
div.right10{
	width:25px;
}

div.left6,
div.right6,
div#item div.right6,
div.left7,
div.right7,
div#item div.right7,
div.left8,
div.right8,
div#item div.right8,
div.left9,
div.right9,
div#item div.right9{
	width:20px;
}

div.left12,
div.right12,
div#item div.right12{
	width:40px;
}

div.left13,
div.right13,
div#item div.right13{
	width:50px;
}

div.left14,
div.right14,
div#item div.right14{
	width:60px;
}

div.left15,
div.right15,
div#item div.right15{
	width:80px;
}

div.left16,
div.right16,
div#item div.right16{
	width:100px;
}

div.left17,
div.right17,
div#item div.right17{
	width:120px;
}

/* Item */
div#item{
	position:absolute;
	left:250px;
	top:70px;
}

div#item div.frame{
	position:relative;
	width:676px;
	height:563px;
}

div#item div.content{
	background:url(/images/pageBg.png) no-repeat;
	position:absolute;
	width:448px;
	height:447px;
	z-index:2;
}

div#item div div.content{
	left:0;
	top:0;
}

div#item div div.content div{
	position:relative;
	z-index:1;
}

div#item div div.content div span{
	display:block;
	margin-top:10px;
}

div#item div div.content div span a{
	margin-left:5px;
}

div#item div.img{
	background:url(/images/itemBg.png) no-repeat;
	bottom:0;
	position:absolute;
	width:350px;
	height:349px;
	right:0;
	z-index:1;
}

div#item div.img img{
	position:absolute;
	top:18px;
	left:18px;
}

div#item div.img a{
	display:none;
}

div#item div.img a.more{
	background:url(/images/moreBg.png) no-repeat;
	display:inline;
	font-weight:bold;
	height:79px;
	left:125px;
	outline:0;
	padding-top:20px;
	position:absolute;
	top:125px;
	text-align:center;
	text-decoration:none;
	width:79px;
	z-index:3;
}

/* Overzicht */
div#overview{
	position:absolute;
	left:250px;
	top:50px;
}

div#overview ul{
	position:relative;
}

div#overview ul li{
	position:absolute;
}

div#overview ul li{
	width:107px;
	height:106px;
	margin-left:5px;
	overflow:hidden;
}

div#overview ul li a{
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
}

div#overview ul li a img,
div#overview ul li a img.hover{
	height:212px;
	position:relative;
	display:block;
}

div#overview ul li a:hover img.nojs{
	margin-top:-106px;
}

div#overview ul li a img.hover,
div#overview ul li.active a img.hover{
	position:absolute;
	margin-top:-318px;
}

/* Overzicht - project */
ul#project li.item1{
	top:40px;
	left:15px;
}

ul#project li.item2{
	top:5px;
	left:150px;
}

ul#project li.item3{
	top:70px;
	left:310px;
}

ul#project li.item4{
	top:80px;
	left:505px;
}

ul#project li.item5{
	top:180px;
	left:45px;
}

ul#project li.item6{
	top:195px;
	left:190px;
}

ul#project li.item7{
	top:225px;
	left:400px;
}

ul#project li.item8{
	top:300px;
	left:545px;
}

ul#project li.item9{
	top:405px;
	left:205px;
}

ul#project li.item10{
	top:425px;
	left:335px;
}

/* Overzicht - product */
ul#product li.item1{
	top:40px;
	left:15px;
}

ul#product li.item2{
	top:5px;
	left:150px;
}

ul#product li.item3{
	top:70px;
	left:310px;
}

ul#product li.item4{
	top:80px;
	left:505px;
}

ul#product li.item5{
	top:180px;
	left:45px;
}

ul#product li.item6{
	top:195px;
	left:190px;
}

ul#product li.item7{
	top:225px;
	left:400px;
}

ul#product li.item8{
	top:300px;
	left:545px;
}

ul#product li.item9{
	top:405px;
	left:205px;
}

ul#product li.item10{
	top:425px;
	left:335px;
}

/* Overzicht - press */
ul#press li.item1{
	top:40px;
	left:15px;
}

ul#press li.item2{
	top:5px;
	left:150px;
}

ul#press li.item3{
	top:70px;
	left:310px;
}

ul#press li.item4{
	top:80px;
	left:505px;
}

ul#press li.item5{
	top:180px;
	left:45px;
}

ul#press li.item6{
	top:195px;
	left:190px;
}

ul#press li.item7{
	top:225px;
	left:400px;
}

ul#press li.item8{
	top:300px;
	left:545px;
}

ul#press li.item9{
	top:405px;
	left:205px;
}

ul#press li.item10{
	top:425px;
	left:335px;
}

/* Contact */
div#contact{
	position:absolute;
	left:660px;
	top:185px;
	background:url(/images/contactBg.png) no-repeat;
	width:302px;
	height:302px;
}

div#contact div.left1,
div#contact div.right1,
div#contact div.left6,
div#contact div.right6{
	width:25px;
}

div#contact div.left2,
div#contact div.right2,
div#contact div.left5,
div#contact div.right5{
	width:19px;
}

div#contact div.left3,
div#contact div.right3,
div#contact div.left4,
div#contact div.right4{
	width:17px;
}

div#contact div.left7,
div#contact div.right7{
	width:35px;
}

div#contact div.left8,
div#contact div.right8{
	width:50px;
}

div#contact div.left9,
div#contact div.right9{
	width:70px;
}

div#contact div.left10,
div#contact div.right10{
	width:100px;
}

/* Taal */
div#lang{
	position:absolute;
	left:25px;
	bottom:0px;
}

div#lang a{
	float:left;
	margin-right:5px;
}

/* ColorBox */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#cboxOverlay{background:#fff;}
#colorbox{}
#cboxTopLeft{width:25px; height:25px; background:url(/images/border1.png) no-repeat 0 0;}
#cboxTopCenter{height:25px; background:url(/images/border1.png) repeat-x 0 -50px;}
#cboxTopRight{width:25px; height:25px; background:url(/images/border1.png) no-repeat -25px 0;}
#cboxBottomLeft{width:25px; height:25px; background:url(/images/border1.png) no-repeat 0 -25px;}
#cboxBottomCenter{height:25px; background:url(/images/border1.png) repeat-x 0 -75px;}
#cboxBottomRight{width:25px; height:25px; background:url(/images/border1.png) no-repeat -25px -25px;}
#cboxMiddleLeft{width:25px; background:url(/images/border2.png) repeat-y 0 0;}
#cboxMiddleRight{width:25px; background:url(/images/border2.png) repeat-y -25px 0;}
#cboxContent{background:#fff; overflow:hidden;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:24px; margin-top:24px;}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#444; overflow:hidden; height:20px;}
#cboxCurrent{position:absolute; top:0px; left:50px; color:#444; width:70px; text-align:center;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
#cboxPrevious{position:absolute; top:0px; left:0; color:#444;}
#cboxNext{position:absolute; top:0px; left:125px; color:#444;}
#cboxLoadingOverlay{background:#fff url(/images/loading.gif) no-repeat 5px 5px;}
#cboxClose{position:absolute; top:0; right:0; display:block; color:#444;}
